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*."); }

有拉在一起的快速撥弄向您展示一個工作示例http://jsfiddle.net/mvz0c2am/，希望這有助於。