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

方法名称拼写不正确，请检查 'validage' 而不是 'validAge'

Answer 2

在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"
    }
});

jquery 验证 addMethod 无效

jquery validation addMethod not working

javascript

jquery

jquery-validate