jQuery 验证 - 对相同类型的错误显示一个警告

Question

我有一个简单的表单，其中包含几个必需的输入元素：

$("input").each(function(index, elem) {
   var rules = {
     required:true
   }
   $(elem).rules("add", rules);
});

而且我想将所有错误消息放在一些 div 中，如下所示：

    <div id="errorContainer" class="inputGreska">
        There are some errors. Please correct the following:
        <ul id="errorLabelContainer"></ul>
    </div>

所以，我做了以下事情：

    $("#forma").validate({
       errorClass: "red",
       errorContainer: "#errorContainer",
       errorLabelContainer: "#errorLabelContainer",
       wrapper: "li",
       errorElement: "div"
    });

问题如下：

如果用户忘记填写多个输入 - 在错误容器内将重复出现相同的警告。所以，如果用户忘记填写 3 个字段，将会有：

此字段为必填项。
此字段为必填项。
此字段为必填项。

是否可以只显示一条错误消息，如下所示：

需要用星号 (*) 标记的字段

无论用户忘记填写多少元素。

谢谢。

Answer 1

如果我理解你的问题是正确的，你想要显示一条错误消息以进行表单验证，即使它有多个错误，我会尝试使用 JQuery 验证中定义的 showErrors() 回调。

showErrors: function (errorMap, errorList) { $("#errorContainer").html("Please enter all required fields with an asterisk*."); }

快速 fiddle 向您展示了一个工作示例 http://jsfiddle.net/mvz0c2am/，希望这对您有所帮助。

jQuery 验证 - 对相同类型的错误显示一个警告

jQuery Validate - display one warning for the same types of errors

jquery

validation

message

repeat