JQuery 验证 - 将规则分配为变量

Question

我以以下格式指定规则

rules :{ 
col1: { 
required: true
},
col2: {
maxlength: 50
}
}

这完全正常。是否可以将其分配给变量并将其添加到如下格式的规则中

var testRules = "{ col1: { required: true},col2: {maxlength: 50}}";

rules : testRules

上面的代码不起作用，在 jquery 文件中出现异常。

如果可能的话，这样做。什么是正确的方法，或者我可以实现类似的目标吗？

谢谢

Answer 1

您的代码：

var testRules = "{ col1: { required: true},col2: {maxlength: 50}}";

只需去掉引号，它就会正常工作。

var testRules = { col1: { required: true},col2: {maxlength: 50}};

演示：http : //jsfiddle.net/mNtcL/

就我的示例而言，这是基本的起始代码：

HTML：

<input type="text" name="field_1" />
<input type="text" name="field_2" />
<input type="text" name="field_3" />

JS：

$('#myForm').validate({
    rules: {
        field_1: {
            required: true,
            number: true
        },
        field_2: {
            required: true,
            number: true
        },
        field_3: {
            required: true,
            number: true
        }
    }
});

演示：http : //jsfiddle.net/rq5ra/

是的，您可以提取规则组并将它们组合成公共变量。

var ruleSet1 = {
        required: true,
        number: true
    };

$('#myForm').validate({
    rules: {
        field_1: ruleSet1,
        field_2: ruleSet1,
        field_3: ruleSet1
    }
});

演示：http : //jsfiddle.net/rq5ra/4/

您还可以使用.extend()无数种方式重新组合它们。

var ruleSet_default = {
        required: true,
        number: true
    };

var ruleSet1 = {
        max: 99
    };
$.extend(ruleSet1, ruleSet_default); // combines defaults into set 1

var ruleSet2 = {
        min: 3
    };
$.extend(ruleSet2, ruleSet_default); // combines defaults into set 2


$('#myForm').validate({
    rules: {
        field_1: ruleSet2,
        field_2: ruleSet_default,
        field_3: ruleSet1
    }
});

最终结果：

• field_1 将是一个不小于 3 的必需数量。
• field_2 将只是一个必需的数字。
• field_3 将是不大于 99 的必需数字。

演示：http : //jsfiddle.net/rq5ra/5/

另请参阅此答案以了解更多应用规则的方法。