多個控件的jquery自定義規則驗證

Question

我在動態命名的屏幕上有多個日期控件。

我有以下JSfiddle。我想知道這是否是可能的一種形式

http://jsfiddle.net/bboymarko/6tyAd/1/

HTML

日期驗證

<br /> 
<label for="date">Enter Date</label> 
<input id="date" name="date" type="text" /> 

<br /> 
<input name="submit" type="submit" value="Submit" /> 

上創建所有日期字段一個規則

Javascript $（document）.ready（function （）{

$.validator.addMethod("kdate", function (value, element) { 
    return this.optional(element) || /^(([0-9])|([0-2][0-9])|([3][0-1]))\/(Jan|Feb|Mar|Apr|May|Jun|Jul|Aug|Sep|Oct|Nov|Dec)\/\d{4}$/.test(value); 
}, "Please enter a valid date."); 

$("form").validate({ 
    rules: { 
     date: { 
      required: true, 
      kdate: true 
     } 
    }, 
    submitHandler: function (form) { // for demo 
     alert('valid form'); // for demo 
     return false; // for demo 
    } 
}); 

}）;

Answer 1

如果您使用的是jQuery，您可以使用jQuery Date Picker，這將允許您將其分配給多個字段並限制/提前用戶格式化日期。所以沒有凌亂的正則表達式使用，它可以更整潔。

Answer 2

是的，它是可能的，當你在的地方類像

<input id="date" name="date" type="text" class="dateValidate"/> 

和使用此類選擇用於驗證的日期

$('.dateValidate'). whatever method you want to initialize. 

或

創建動態ID作爲你動態地命名他們

像date1，date2，date3和使用for循環

for(i=1;i<=size;i++){ 

$('#date'+i).your method 

}