使用jQuery验证插件显示摘要错误消息和单个错误消息
使用jQuery验证插件显示摘要错误消息和单个错误消息
提问于 2010-05-17 19:55:20
如何显示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;
}
});
});回答 1
Stack Overflow用户
回答已采纳
发布于 2010-05-17 20:33:53
正如链接的问题所述，只要显示错误，就会调用showErrors回调。您可以使用它来创建摘要并向其发出警报。然后，您可以调用this.defaultShowErrors()来显示正常的单个错误消息。
默认情况下，很多事件(submit、keyup、blur等)都会调用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方法的完整选项列表，请参见here。
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/2848765
复制相关文章
相似问题