jquery - 使用 showErrors() 删除验证消息集

Question

使用showErrors() function JQuery 验证时，我手动向表单添加错误:

var errors = {};
errors['Field1'] = 'Field1 has an error';
errors['Field2'] = 'Field2 has an error';
errors['Field3'] = 'Field3 has an error';
$('form').validate().showErrors(errors);

为什么我不能使用 $('form').validate().resetForm(); 删除这些内容？执行此操作的唯一方法似乎是将所有索引重置为 null:

var errors = {};
errors['Field1'] = null;
errors['Field2'] = null;
errors['Field3'] = null;
$('form').validate().showErrors(errors);

Answer 1

使用 showErrors() 回调函数时，您使用此回调函数手动执行的任何操作，都必须手动“撤消”。

.resetForm() 方法仅通过清除字段的无效状态来重置验证插件。由于默认错误消息是由插件自动处理的，因此这些消息将因 resetForm() 调用而消失。

由于您没有使用自动生成的错误，因此 resetForm() 对您的自定义消息摘要没有任何影响。

但是，还有另一个名为 errorContainer 的选项，它会随着错误一起切换。如果您将错误摘要放入此容器中，它将自动与错误一起切换。

HTML:

<div id="summary"></div>

jQuery:

$(document).ready(function () {

    $('#myform').validate({
        // other rules and options,
        errorContainer: "#summary",  // will toggle along with errors
        showErrors: function (errorMap, errorList) {
            // your custom function
        }
    });

});

演示:http://jsfiddle.net/JQjWu/