jQuery - 如何动态添加验证规则

Question

我正在尝试动态地将验证规则添加到某些动态控件:

$("input[id*=Hours]").rules("add", "required");

但是这行给了我以下错误:

$ .data(element.form,"validator")为null

使用validate函数定义规则静态方式可以正常工作.我究竟做错了什么？

谢谢,贾斯汀

Answer 1

您需要先调用.validate()才能以这种方式添加规则,如下所示:

$("#myForm").validate(); //sets up the validator
$("input[id*=Hours]").rules("add", "required");

该.validate()文件是一个很好的指南,这里的Blurb的约.rules("add", option):

添加指定的规则并返回第一个匹配元素的所有规则.要求验证父表单,即$("form").validate()首先调用父表单.

Answer 2

要验证所有动态生成的元素,可以为每个元素添加一个特殊类,并使用each()函数

$("#DivIdContainer .classToValidate").each(function () {
    $(this).rules('add', {
        required: true
    });
});