jquery - 多个控件上的 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

If you are using jQuery you can use jQuery Date Picker which will allow you to assign it to multiple fields and restrict/fore users to format their dates. so no messy Regular Expressions to use and it can be neater.

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

}