带有自定义属性的jQuery Validation插件

Question

我想在这个HTML中使用jQuery Validation插件:

<input data-validators="required" name="X2aasNr" type="text" value="Nedas" class="cleared" id="">

如您所见,我使用名为的自定义属性data-validators.如何在这种情况下使用jQuery Validation插件？

Answer 1

引用OP:

<input data-validators="required" ...

"正如您所看到的,我使用了一个名为的自定义属性data-validators.如何在这种情况下使用jQuery Validation插件？"

你不能. 没有编写插件来识别该属性.

请参阅:http: //jsfiddle.net/y5xUF/

但是,您可以按照以下方法定义验证规则:

1)在...内宣布 .validate()

$(document).ready(function() {

    $('#myform').validate({
        rules: {
            fieldName: {
                required: true
            }
        }
    });

});

http://jsfiddle.net/uTt2X/2/

注意: 如果你的领域name包含特殊字符,如括号或点,你必须封闭name在引号 ...

$(document).ready(function() {

    $('#myform').validate({
        rules: {
            "field.Name[234]": {
                required: true
            }
        }
    });

});

2)声明class:

<input name="fieldName" class="required" />

http://jsfiddle.net/uTt2X/1/

3)由HTML5验证属性声明:

<input name="fieldName" required="required" />

http://jsfiddle.net/uTt2X/

4)使用该.rules()方法声明:

$('input[name="fieldName"]').rules('add', {
    required: true
});

http://jsfiddle.net/uTt2X/3/

5)class使用以下.addClassRules()方法为您自己分配一个或多个规则:

$.validator.addClassRules("myClass", {
    required: true 
});

然后申请HTML:

<input name="fieldName" class="myClass" />

http://jsfiddle.net/uTt2X/4/