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

}