jquery validation addMethod不起作用

jquery validation addMethod not working

本文关键字:不起作用 addMethod validation jquery      更新时间:2023-09-26

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

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

方法名称拼写不正确,请检查"validage"而不是"validage"