使用jQueryvalidation插件显示摘要和单个错误消息

如何显示jQuery插件的各个错误消息和摘要？

我实际上发现了一个类似的问题 ，但它只引用了我可以使用的一些钩子，但我不知道从哪里开始。

我得到了显示个别错误消息的部分，但是我需要在提交时在警告框中显示摘要，并且可以在此处找到插件。

刚刚发现了如何，感谢大卫的代码，以及我的后续问题 – 警报框将是“名字：请输入有效的名字”。

代码如下：

$(document).ready(function() { var submitted = false; ('.selector').validate({ showErrors: function(errorMap, errorList) { if (submitted) { var summary = "You have the following errors: \n"; $.each(errorMap, function(key, value) { summary += key + ': ' + value + "\n"; }); alert(summary); submitted = false; } this.defaultShowErrors(); }, invalidHandler: function(form, validator) { submitted = true; } }); }); 

Answer 1

正如链接的问题所示，只要显示错误， showErrors调用showErrors回调。 您可以使用它来创建摘要并提醒它。 然后，您可以调用this.defaultShowErrors()来显示正常的个别错误消息。

默认情况下，会为很多事件（提交，键盘，模糊等）调用showErrors。 您可以禁用它们，也可以使用仅在提交无效表单时调用的invalidHandler方法。

例：

 $(document).ready(function() { var submitted = false; ('.selector').validate({ showErrors: function(errorMap, errorList) { if (submitted) { var summary = "You have the following errors: \n"; $.each(errorList, function() { summary += " * " + this.message + "\n"; }); alert(summary); submitted = false; } this.defaultShowErrors(); }, invalidHandler: function(form, validator) { submitted = true; } }); }); 

有关可以传递给validate方法的选项的完整列表，请参见此处 。