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 validate中定义的showErrors（）回调。

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

汇集了一个快速小提示，向您展示一个有效的例子http://jsfiddle.net/mvz0c2am/，希望这会有所帮助。

jQuery Validate - 显示相同类型错误的一个警告

1 个答案: