jQuery验证自定义方法不能正常工作

Question

有人能解释一下为什么这没有影响到我的助手功能吗？不确定是语法问题还是什么..。

jQuery.validator.addMethod("expDateExistInPast", function (value) {
    return customFunction(value);
}, "Expiration cannot exist in past.");

$("form[name='myForm']").validate({
 rules: {
    exp: {expDateExistInPast: true}
 }, 
 messages: {
     exp: {
        required: "message", 
        expDateExistInPast: "otherMsg"
    }
 }, 
  submitHandler: function (form) {
       form.submit();
  }
})


function customFunction(value) {
    alert("magic here");
}

更新-添加

<input class="myClass" type="text" name="expiration" id="exp" maxlength="4" pattern="^(0[1-9]|1[0-2])[0-9][0-9]$" required="" placeholder="MMYY" aria-required="true" aria-invalid="true">

Answer 1

你的input包含name="expiration"..。

<input class="myClass" type="text" name="expiration" id="exp" maxlength="4" pattern="^(0[1-9]|1[0-2])[0-9][0-9]$" required="" placeholder="MMYY" aria-required="true" aria-invalid="true">

但是，问题是您的.validate()方法正在rules对象中使用exp .

rules: {
    exp: {
        expDateExistInPast: true
    }
},

你必须这里只使用name属性。

rules: {
    expiration: { // <- this is the NAME of the input
        expDateExistInPast: true
    }
},

Working: jsfiddle.net/se4dc18h/