Question

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

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

Answer 1

查看jQuery验证插件，尤其是组周围的部分：

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

Answer 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("");
        }
    }); 


});

多个字段的一条错误消息

2 个答案: