javascript - 当 ajax 调用存在时，jquery 验证不起作用

Question

我有一个 js 代码，它使用 jquery 验证来验证表单。之后它调用ajax。

$('.form').validate({
    rules: {
        ---- 
    }
});
$('#submit').click(function() {

    $.ajax(url,{
        data:data,
        success:onSuccess,
        error:onError,
        type:POST
    });
    return FALSE;
});

onSuccess 和 onError 是简单的函数。url 是预定义的

但是使用此代码，无论发生什么情况，它都不会进入验证并直接调用 ajax。

Answer 1

您不应在提交按钮上绑定(bind)click 事件。您应该将函数放在 JQuery 验证的 submitHandler 选项上。像这样

 $('.form').validate({
    rules: {
    ---- 
    },
    submitHandler: function(form){
        //your code here..
    }
});

这是JQuery Validation docs以便更好地理解。