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

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

 

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

引用OP:

  

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

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

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

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


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声明:

  

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


3)由HTML5validation属性声明:

  

http://jsfiddle.net/uTt2X/


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

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

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


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

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

然后申请HTML:

  

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