jquery Malsup 的表单插件和 Ketchup 验证可以一起工作吗？答案

【问题标题】：jquery Malsup's form plugin and Ketchup validation to work together?jquery Malsup 的表单插件和 Ketchup 验证可以一起工作吗？
【发布时间】：2011-09-13 10:53:08
【问题描述】：

我在让 2 个插件协同工作时遇到很多问题......

这是我目前正在使用的脚本，它不起作用...它提交表单而不进行验证...

   <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”，则会触发番茄酱验证并正确验证表单，但即使它通过验证也不会提交。

有人对如何让这两个脚本一起玩得好有任何建议吗？

干杯

狗

【问题讨论】：

你可能想检查你的错误控制台是否有任何错误！
不，没有错误...它基本上都正常工作，这是我的实现有问题...在我看来（我对 javascript 很垃圾）番茄酱正在正确验证但它不会“破坏”malsup 表单过程......如果这有意义......

标签： javascript jquery

【解决方案1】：

专家交流的一些人设法为我解决了这个问题....

这是最终脚本：

$(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'); });
        };
    });
});

这很完美:)

【讨论】：