Question

我遇到很多问题让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'，则会触发番茄酱验证并正确验证表单，但即使它通过验证也不会提交。

任何人都有任何关于如何让这两个脚本在一起玩得很好的建议吗？

欢呼声

狗

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

这非常有效：）

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

1 个答案: