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

您还可以使用返回 bool 值的 .valid() 函数。

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