javascript - jquery 验证 addMethod 不工作

Question

我在jsp中有一个div如下:

 <input type="text" id="year" placeholder=" Year"  class="year"  name= "year" value=""/>

我想计算当前年份和输入年份之间的差异。如果值不在某个范围内，我必须显示错误。这是我的客户 jquery 验证器函数。

jQuery.validator.addMethod('validAge', function (value, element, params) {
    alert("inside add method");
    var currentYear = (new Date).getFullYear();
    var range = currentYear - $element.val();;
    if(range >10 && range< 70) 
        {
        return  true;
        }
    return false;
}),

但它在 element.val 处显示错误我已将规则定义为

 $('#signup_form').validate({ // initialize the plugin

    rules: {
        year: {
            validage: true,
           },
    },
    messages: {
        year: "Invalid year",
   },
   },
  });

Answer 1

在jquery中addMethod元素(要验证的元素)和value(验证元素的当前值)

 jQuery.validator.addMethod("validAge", function (value, element, params) {
        alert("inside add method");
        var currentYear = (new Date).getFullYear();
        var range = currentYear - value;

       return this.optional(element) || (range >10 && range< 70) 

    },'Enter range in between 10 to 70');

删除不需要的逗号并区分大小写。

var validator = $('#form').validate({
    rules: {
        year: {
            validAge: true
        }
    },
    messages: {
        year: "Invalid year"
    }
});