如何显示jQuery插件的单个错误消息和摘要?
我实际上发现了a similar question ,但它只是引用了一些我可以使用的钩子,但我不知道从哪里开始。
我收到显示单个错误消息的一部分,但我需要在提交框中显示摘要,并且可以在here找到插件。
刚刚发现如何,感谢David的代码,以及我的后续问题 – 警报框将是“名字:请输入有效的名字”。
代码如下:
$(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; } }); });
解决方法
正如链接的问题所说,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(); },validator) { submitted = true; } }); });