使用jquery validate（）同时具有提交处理程序

Question

当用户提交属于.submit（）处理函数的表单时，我进行了ajax调用并返回一些JSON。

我现在也想对这个表格进行验证。

使用以下代码得到的结果是，我确实收到了“必填字段”错误消息，但是无论如何都在提交表单。

// attaching some validation to our form.
$("#myForm").validate();

// submit our form and do stuff
$("#myForm").submit( function(){

// I have an ajax request I need to make here, not relevant for the example.

});

<form id="myForm">

Foo: <input type="text" name="foo" id="foo" class="required" />

</form>

Answer 1

您可以提供自定义处理程序（来自文档）： http : //docs.jquery.com/Plugins/Validation/validate#options

$(".selector").validate({
   submitHandler: function(form) {
     $(form).ajaxSubmit();
   }
})

您还可以使用.valid（）函数来返回布尔值。

$("#myForm").submit( function(e){
    if($("#myForm").valid() {
        .... do stuff
    } else {
        e.preventDefault();
    }
});