javascript - jQuery 验证 - 获取 invalidHandler 中的错误字段列表

Question

我在页面上使用 jQuery 验证。在调用 invalidHandler 期间，我希望能够访问所有未通过验证的表单元素的列表。

此函数作为选项之一传递给 jQuery.validate() 方法...

invalidHandler: function (form) {
    var validator = $("#AddEditFinancialInstitutionForm").validate();
    validator.showErrors();
    console.log(validator);
}

我试图在生成的验证器对象中的某处找到此信息，但我似乎无法找到它。我可以通过其他方式访问此信息吗？

谢谢

Answer 1

在 invalidHandler 中，您被传递了两个参数，jQuery.Event 和 validator 对象。您不需要在 invalidHandler 中调用验证来获取验证对象。此外，验证器对象具有名为 errorList 和 errorMap 的属性，其中包含您要查找的信息。

invalidHandler: function(e,validator) {
    //validator.errorList contains an array of objects, where each object has properties "element" and "message".  element is the actual HTML Input.
    for (var i=0;i<validator.errorList.length;i++){
        console.log(validator.errorList[i]);
    }

    //validator.errorMap is an object mapping input names -> error messages
    for (var i in validator.errorMap) {
      console.log(i, ":", validator.errorMap[i]);
    }
}