jquery - 具有自定义属性的 jQuery 验证插件

Question

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

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

如您所见，我使用了一个名为data-validators. 在这种情况下，如何使用 jQuery Validation 插件？

Answer 1

引用操作：

<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/

---

class5）通过使用以下.addClassRules()方法为您自己分配一个或多个规则：

$.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/