javascript - 使用 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();
    }
});