jQuery验证插件与自定义属性[关闭]。

Question

已关闭。 这个问题不符合 堆栈溢出指南. 目前不接受回答。

---

想改进这个问题？ 请更新问题，使之成为 题外话 为Stack Overflow。

已关闭 6年前.

改进这个问题

我想在这个HTML中使用jQuery验证插件。

<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验证插件？"

你不能。 该插件不是为了识别该属性而编写的。.

见。 http:/jsfiddle.nety5xUF。

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

---

1) 在 .validate()

$(document).ready(function() {

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

});

http:/jsfiddle.netuTt2X2

注意：如果您的字段 如果你的领域 name 包含括号或点等特殊字符。你 必须 包围 name 引号...

$(document).ready(function() {

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

});

---

(2) 宣布： class:

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

http:/jsfiddle.netuTt2X1

---

3）通过HTML5验证属性进行声明。

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

http:/jsfiddle.netuTt2X。

---

(4) 使用以下方式申报 的 .rules() 办法:

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

http:/jsfiddle.netuTt2X3

---

5)通过给自己指定一条或多条规则，使自己的 class 使用 的 .addClassRules() 办法:

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

然后应用到你的HTML中。

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

http:/jsfiddle.netuTt2X4

---

6）按字段类型申报。

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

http:/jsfiddle.netgv0o6syt