Question

当我的用户提交一个作为我的.submit（）处理程序一部分的表单时，我进行了ajax调用并返回一些JSON。

我现在也尝试将一些验证附加到此表单。

我得到以下代码的结果是我收到“Field is required”错误消息，但表单仍在提交。

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

在使用提交处理程序的同时使用jquery validate（）

1 个答案: