jQuery验证插件1.11.1>规则>自定义逻辑运算符（=> rule1或rule2或rule3…）

Question

举个例子，我如何定义一个可以为空或数字或“ foo”的字段？

我目前有这个：

var myValidator= jQuery2("#myFormId").validate({
    rules: {
        myField: {
            digits: true,
            required: false,
            maxlength: 9999,
            myCustomRule: true
        }
}});
jQuery2.validator.addMethod("myCustomRule", function(value, element) {
    return value === "foo" || value=="";
}, "myMessage");

但是，jQuery Validation Plugin自动在需求之间应用AND逻辑运算符，我如何拥有OR？ （或者让我的自定义方法调用jQuery Validation Plugin内置规则，例如数字 ？我不是javascript大师，也许从源代码上看这很明显吗？）

Answer 1

标题：... 自定义逻辑运算符（=> rule1或rule2或rule3…）

当您为此插件声明规则时，它将应用所有使用逻辑AND声明的规则。

rules: {
    myField: {
        digits: true,
        //required: false, // <- 'false' is superfluous/default
        maxlength: 9999,
        myCustomRule: true
    }
}

上面指出该字段必须满足digits AND maxlength和myCustomRule ; 并且，如果正确编写了myCustomRule则required 。

在评估已声明规则的列表时，此插件中没有选项将“ AND”更改为“ OR”。

您可以使用OR运算符评估规则的唯一方法是创建一个将所有验证逻辑都包含在一个函数中的单个自定义规则。

rules: {
    myField: {
        myCustomRule: true
    }
}

其中myCustomRule包含您自己的函数，所有规则逻辑均由OR运算符分隔。 请参见下面的具体示例解决方案。

...如何定义一个可以为空或数字或“ foo”的字段？

您必须创建一个自定义规则，以在一个功能中执行所有这三个操作。

• blank ：这被认为是“可选的”，当您创建自己的自定义规则时，除非您使用OR运算符将结果与this.optional(element)进行比较，否则该字段将保持空白。

• “ foo” ：使用value === "foo"

• 数字 ：只需将代码用于现有digits规则/^\\d+$/.test(value)

然后使用OR运算符将它们串在一起...

$.validator.addMethod("myCustomRule", function(value, element) {
    return this.optional(element) || value === "foo" || /^\d+$/.test(value);
}, "myMessage");

所有内容都包含在此新的自定义规则中，因此您不得声明任何其他规则...

var myValidator = $("#myFormId").validate({
    rules: {
        myField: {
            myCustomRule: true
        }
    }
});

结果是一个“可选”字段，该字段还将验证数字或字符串“ foo”。

演示： jsfiddle.net/tLoef0ov/

Answer 2

这是怎么做。 您不能使用digits: true在您的情况下为digits: true ，因为您希望它是数字或“ foo”。

 var myValidator = $("#myFormId").validate({ rules: { myField: { required: false, maxlength: 9, myCustomRule: true } } }); $.validator.addMethod("myCustomRule", function(value, element) { return value === "" || value === "foo" || !isNaN(value); }, "myMessage"); 

 <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery-validate/1.17.0/jquery.validate.min.js"></script> <form id="myFormId"> <input type="text" name="myField" /> </form>