jQuery 验证器 - 动态添加验证时无法调用未定义错误的方法 'call'

Question

这是我动态更新 jQuery 验证的代码。在文档加载中我创建验证。此代码用于动态更新电话号码验证。应用此验证后，当我在电话号码文本框中输入任何内容时，我收到无法调用未定义错误的方法“call”。

 $("#phone").rules("remove");

$("#phone")
  .rules(
  "add",
  {
    required:true,
    minlength:5,
    maxlength:20,
    phoneUS:true,
    messages:{
    required: "Enter company phone number",
    minlength:"Phone number should contain a minimum of 5  characters",
    maxlength:"Phone number should contain a maximum of 20  characters",
    phoneUS:"Enter valid phone number"
  }

  });

提前致谢。怎么解决这个问题？

Answer 1

有四个潜在问题。

1) messages 部分缺少右大括号。

$("#phone").rules("add", {
    required: true,
    phoneUS: true,
    messages: {
        required: "Enter company phone number",
        phoneUS: "Enter valid phone number"
    } //<-- this was missing 
});

演示:http://jsfiddle.net/A8HQU/2

2)有a known bug使用 rules('add') 方法添加消息会破坏插件和/或规则。绝对确保您包含 jQuery Validate 版本 1.11.1 或更高版本。

3) phoneUS 规则要求包含 the additional-methods.js file .

4) rules('add') 方法必须位于 .validate() 初始化函数之后。

注意:

您使用的是 phoneUS 规则，因此 minlength 和 maxlength 完全是多余的，因为 phoneUS 规则已经在寻找精确的格式/长度。