jquery Malsup's的表单插件和Ketchup验证一起工作

jquery Malsup's form plugin and Ketchup validation to work together?

本文关键字：插件 Ketchup 验证 工作 一起 表单 Malsup jquery      更新时间：2023-09-26

我在让这两个插件协同工作时遇到了很多问题。。。

这是我目前正在使用的脚本，它不起作用。。。它在未经验证的情况下提交表格。。。

   <script>
function validate() { 
$('#contact_form').ketchup();
}
function showResponse() { 
$('#form_content').html('thanks you for submitting the form');
}

$(document).ready(function() { 
$('#contact_form').ajaxForm( {
beforeSubmit: validate, 
success:  showResponse
} ); 
}); 
</script>

如果我在validate函数中添加了一个"return false"，那么番茄酱验证就会被触发，表单也会被正确验证，但即使它通过了验证，它也不会提交。

有人对如何让这两个剧本一起演好有什么建议吗？

欢呼

狗

在专家交流中有人帮我解决了这个问题…

这是最后的脚本：

$(document).ready(function() {
    $('#contact_form').ketchup();
    $("input[type='submit']", "#contact_form").click(function(e) {
        if( $('#contact_form').ketchup("isValid") ) { 
            $('#contact_form').ajaxForm(function() { $('#form_content').html('thank you for filling the form'); });
        };
    });
});

这非常有效：）

相关文章：