jQuery 验证插件 : Value in multiple ranges

Question

我使用 jQuery Validate 插件来验证表单，并且我希望值低于 26 或高于 30。我该如何执行此操作？

我尝试过:

forum_id: { required: true, range: [0,26], range:[40,100] }

但它只采用最后一个范围，因此如果该值低于 40，即使它也低于 26，它也会抛出错误。

有什么建议吗？

Answer 1

似乎没有办法使用插件本身来做到这一点，但有几个人建议使用正则表达式来验证范围。

此资源演示了如何向验证器添加正则表达式方法:

jQuery validate: How to add a rule for regular expression validation?

我还更进一步，编写了一个插件来处理多个范围:

 $(document).ready(function() {

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

        return this.optional(element) || valid;
    },
    "Please check your input."
 );


 $("#myform").validate({
     submitHandler: function(form) {
        if(form && form.submit) form.submit();
     } 
 });

 // range must be between 0 to 25 OR greater than 30
   // represented as an array of size-2 arrays.
 $("#age").rules('add', { ranges: [ [0,25], [31] ] });


 <form id="myform" action="#">
    <span>age</span><input type="text" id="age" name="age" />
    <input type="submit" name="submit" value="submit" />
 </form>