Question

我在我的网站上使用jQuery Validate插件，然后通过ajax提交表单。当整个表单有效时，我可以使用哪个事件？

Answer 1

没有事件发生。只需使用简单的if语句检查状态即可。

if($("form").valid()) {
 //go ahead
}

但是，如果您尝试使用解决方法来捕获有效事件，则可以执行此类操作

$("form").submit(function() {
    if($(this).valid()) {
       //go ahead
    } else {
       //do some error handling
    }
});

Answer 2

jQuery Validate希望你处理这个问题的方法是指定一个submitHandler aka“在提交表单时运行此函数并且它是有效的”。您可以通过AJAX从该函数中提交表单的内容。

$('form').validate({
    //your normal options
    submitHandler: function(){
        $.ajax(...);
    }
});

Answer 3

致电

$("form").valid(); // returns true if valid

而不是

$("form").validate(); //returns $.validate

Answer 4

请参阅this

valid( )检查所选表单是否有效或所有选定元素是否有效。

修改

返回：Boolean

Answer 5

您可以执行类似的操作：

var validator = $("#signin_form").validate({
        rules: {
            Phone: {
                required: true,
                phone: true
            },
            VerifyCode: {
                required: true,
                verifyCode: true
            }
        },
        messages: {},
        success: function (label, element) {
            if (validator.numberOfInvalids() == 0) {
                console.log(true);
            }
        }
    })

jQuery Validate - 成功事件？

5 个答案:

修改