使用jQuery验证插件显示摘要和单个错误消息

前端之家收集整理的这篇文章主要介绍了使用jQuery验证插件显示摘要和单个错误消息前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
如何显示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;
        }
    });
});

有关可以传递给验证方法的选项的完整列表,请参见here

猜你在找的jQuery相关文章