【问题标题】:one error message for multiple fields多个字段的一条错误消息
【发布时间】:2011-06-25 23:10:08
【问题描述】:

如何在验证多个字段后显示一条错误消息?

例如,如果我有 3 个分组的文本字段,并且我想仅在验证所有三个字段后显示错误消息。

【问题讨论】:

    标签: jquery validation


    【解决方案1】:

    查看 jQuery 验证插件,尤其是关于组的部分:

    http://docs.jquery.com/Plugins/Validation/validate#toptions

    【讨论】:

    • 谢谢,但我不喜欢使用那个插件。
    【解决方案2】:

    由于没有表单的代码示例,我不确定您要验证的是什么,或者每个字段是否都有唯一的验证,所以我不得不猜测:

    jsfiddle:http://jsfiddle.net/jensbits/vVe3r/3/

    <form id="myform">
    <input type="text" /><br />
    <input type="text" /><br />
    <input type="text" /><br />
    <input type="submit" value="Submit" />
    

    $(function() {
        $("#myform").submit(function(e) {
            e.preventDefault();
            var validfields = true;
            $("input").each(function() {
                if ($(this).val() === "") {
                    validfields = false;
                }
                if (!validfields) {
                    $("#error").html("<span style='color:red'>Error in form</span>");
                }else{
                    $("#error").html(""); //if submit posts back to same page
                    $("#myForm").submit();
                }
        });
    });
        $("input").blur(function() {
            if ($(this).val() === "") {
                $("#error").html("<span style='color:red'>Error in form</span>");
            }else{
                $("#error").html("");
            }
        }); 
    
    
    });
    

    【讨论】:

    • 谢谢...这是另一个帖子的链接...stackoverflow.com/questions/6458047/…
    • @jqs 您在那篇文章中评论说您获得了 onblur,因此您应该能够将其添加到提交功能的验证中。
    • 我不想要 onSubmit...只是 onBlur...拜托。
    • @jqs 我根据您的要求添加了模糊功能。如果您将所有要求都放在您的问题中,这将在未来有所帮助。从我给你的代码示例中,你现在应该可以弄清楚了。
    • @Jen:你超级快。这正是我到目前为止所做的......正如您从您的示例中看到的那样,当您从一个字段移动到另一个字段时,错误消息会消失。尝试这个序列...如果您继续下一个字段,则无需在第一个字段中输入任何内容---出现错误消息是正确的,但现在如果我在第二个字段中输入内容,错误消息会消失..这不会向右看。我希望错误消息一直存在,直到输入的所有字段都正确为止。这是我希望它的工作方式:::
    猜你喜欢
    • 2011-09-21
    • 2013-11-15
    • 2011-02-03
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2017-12-24
    • 1970-01-01
    相关资源
    最近更新 更多