jQuery使用两个冲突范围验证rangelength

Question

格式A：01234567890123456（17个字符） 格式B：01234567890123456789012（23个字符）

在我的场景中，17和23都被接受，既不是更少或更多，也不是中间。

所以，

• 2个字符不正确
• 16个字符不正确
• 17个字符是正确的
• 18个字符不正确
• 21个字符不正确
• 23个字符是正确的
• 23个以上的字符不正确

典型的rangelength method不符合这种条件。

$( "#myform" ).validate({
  rules: {
    national_id: {
      required: true,
      rangelength: [17, 23]
    }
  }
});

因为它可以接受18/19/20/21/22正确 - 这应该是错误的。

如何使用rangelength插件实现这种jQuery Validation验证？

PS：我知道我可以像this one一样轻松做点什么，但我们可以使用jQuery Validation做这样的事情吗？

Answer 1

您必须使用the .addMethod() method来创建自己的自定义规则。

jQuery.validator.addMethod("exactlengths", function(value, element, params) {
    return this.optional(element) || (value.length == params[0] || value.length == params[1]);
}, jQuery.validator.format("Please only enter {0} or {1} characters"));

声明：

$( "#myform" ).validate({
    rules: {
        national_id: {
            required: true,
            exactlengths: [17, 23] ....

但是：ぁzxswい

Answer 2

我在additional.js中添加了一个方法，它将验证范围并允许特定的数字：

jsfiddle.net/L5ff6jqw/

例如。

 $.validator.addMethod(
    "ranges_and_single",
     function(value, element, ranges) {
        var allowMeToo = false;
        var valid = false;
        console.log(this.optional(element));
        for(var i=0; i<ranges.length; i++) {
            if(ranges[i].length == 1) { 
                if(value == ranges[i][0])
                {
                    allowMeToo = true;
                }
            }
            if(allowMeToo)
            {
                valid = true;
                break;
            }
            else if(value >= ranges[i][0] && (value <= ranges[i][1] || allowMeToo )) {
                valid = true;
                break;
            }
        }

        return this.optional(element) || valid;
    },
    "Please enter the value in the ranges or perticular number"
 );