我可以使用jquery組合兩個組合框的驗證錯誤嗎？

Question

我想驗證3日期，月份，年份的組合框。

我正在使用jquery.js和jquery.validate.js。如果沒有選擇它，它會爲每個組合框顯示錯誤，但我只需要一條消息而不是3個錯誤。

Answer 1

需要兩件事 - 將全部3添加到group，並設置errorPlacement選項以適當地放置錯誤消息。

所以，如果您的形式是這樣的：

<form> 
    <select name="day" class="required"> 
    <option value="">Day</option> 
    <option value="1">1</option> 
    <!-- etc --> 
    </select> 
    <select name="month" class="required"> 
    <option value="">Month</option> 
    <option value="1">Jan</option> 
    <!-- etc --> 
    </select> 
    <select name="year" id="year" class="required"> 
    <option value="">Year</option> 
    <option value="2013">2013</option> 
    <!-- etc --> 
    </select> 
    <br> 
    <input type="submit"> 
</form> 

然後，你需要一個jQuery驗證這樣調用：

$('form').validate({ 
    groups: { 
     myDate: 'day month year' 
    }, 
    errorPlacement: function(error, element) { 
    if (element.attr("name") == "day" 
      || element.attr("name") == "month" 
      || element.attr("name") == "year") 
     error.insertAfter("#year"); 
    else 
     error.insertAfter(element); 
    } 
}); 

如果你把所有的一起你看起來像一個例子這個：http://jsfiddle.net/ryleyb/Yzdag/