带有自定义属性的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插件吗？“

你做不到。 The plugin was not written to recognize that attribute

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

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

---

1）在.validate()

中声明

$(document).ready(function() {

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

});

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

注意：如果您的字段name包含特殊字符，例如括号或点，you must enclose the name in quotes ...

$(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）使用the .rules() method声明：

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

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

---

5）使用the .addClassRules() method为您自己的class分配一个或多个规则：

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

然后应用于您的HTML：

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

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

---