Jquery 验证插件不需要的数字不起作用

Question

我正在尝试使用 jQuery Validation plugin 设置“数字”字段

问题是我不希望数字字段是必需的，我只想将其验证为数字(如果有人确实在其中输入了任何内容)。

这是我的代码，如果我删除“required: true,”部分，那么当我在其中输入文本并且表单通过时，该字段将不再抛出错误。

$('.js-validate-form').validate({
  rules: {
      phoneNumber: {
      digits: true
    }
  }
});    

还有我的 HTML

<input type="number" name="phone" id="phone" placeholder="Phone (include area code)" value=""/>

预先感谢您的帮助!

Answer 1

这似乎只是 input type="number" 字段的问题。它也仅在您的字段 name 与您的规则声明匹配时才有效，在本例中为 phoneNumber...

<input type="text" name="phoneNumber" id="phone" placeholder="Phone (include area code)" value=""/>

演示:http://jsfiddle.net/L4crh/

<小时/>

但是，您可以使用多种电话号码规则，这些规则已作为 the additional-methods.js file 的一部分包含在此插件中。

演示 2:http://jsfiddle.net/L4crh/1/

<小时/>

编辑:

据报道，自 jQuery Validate 版本 1.13 起，type="number" 错误已得到解决。

https://github.com/jzaefferer/jquery-validation/releases/tag/1.13.0