如何查看有错误的元素的 jQuery 验证列表答案

【问题标题】：How to see jQuery validation list of elements with errors如何查看有错误的元素的 jQuery 验证列表
【发布时间】：2012-08-14 12:49:18
【问题描述】：

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

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

【问题讨论】：

标签： jquery asp.net-mvc-3 validation jquery-validate

【解决方案1】：

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

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

【讨论】：

console.log(validator);为我打开了新的视野:)
console.dir(foo) 也不错（取决于您的浏览器）。
2017 这为我节省了很多时间！
2021 这也为我节省了很多时间。谢谢！

【解决方案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);

        });

    }

【讨论】：

【解决方案3】：

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

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

【讨论】：

【解决方案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);

【讨论】：

应该是 if(!jQuery('#form1').valid()){