jquery - 如何查看有错误的元素的 jQuery 验证列表

Question

有时，表单不会提交，因为 jQuery 包含一些不会显示在错误消息中的无效元素。

我们如何才能看到这些错误以便更轻松地调试？

Answer 1

var validator = $("form").validate()
validator.errorList

将显示阻止表单提交的错误数组。

Answer 2

这适用于我获取验证错误列表（错误输入的 ID 和相关的错误消息）：

    if ($('#form').valid()) {

        console.log('FORM VALID');

    } else {

        console.log('FORM INVALID');

        var validator = $('#form').validate();

        $.each(validator.errorMap, function (index, value) {

            console.log('Id: ' + index + ' Message: ' + value);

        });

    }

Answer 3

 var val = $("#form".validate());
 console.log("error list", val);

对于那些没有让 errorList 以这种方式工作的人，只需转到控制台并单击 errorList

Answer 4

errorList 似乎只在运行带有 valid() 的调用后才对我完全正确。

var validator = jQuery('#form1').validate();
if(jQuery('#form1').valid()){
    var submitErrorsList = new Object();
    for (var i=0;i<validator.errorList.length;i++){
        submitErrorsList[validator.errorList[i].element.name] = validator.errorList[i].message;
    }
}
console.log("Submit Errors", submitErrorsList);