具有自定义属性的 jQuery 验证插件 [关闭]答案

【问题标题】：jQuery Validation plugin with a custom attribute [closed]具有自定义属性的 jQuery 验证插件 [关闭]
【发布时间】：2013-07-22 13:53:20
【问题描述】：

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

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

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

【问题讨论】：

由于某些原因这已被标记为离题，我将给出一个总结 - 使用addMethod 创建一个全局规则。然后将其作为一个类添加到输入中。如果您需要为验证指定数据，您可以在addMethod 回调中读取自定义数据属性（它通过value、element）

标签： jquery jquery-validate

【解决方案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/

6) 按字段类型声明：

<input name="fieldName" type="email" />

http://jsfiddle.net/gv0o6syt/

【讨论】：