jqBootstrapValidation 中的多重验证失败

Question

我正在使用meteor 和jade-handlebars 包。还将coffeescript 用于javascript。 现在我使用jqBootstrapValidation 来验证我的表单。我需要验证我的电话号码，用户只能输入 10 位数的整数。所以我在我的玉文件中做了跟踪（它只是我文件的一部分）

.control-group
   label.control-label Phone Number
     .controls
       input(type='number',required='required',maxlength="10")

仅对数字的验证有效，但 10 位的最大长度无效，数字字段也适用于 chrome，不适用于 firefox。请帮帮我。 提前谢谢你！！！！

Answer 1

maxlength 属性仅适用于文本输入，不适用于数字输入。

无论如何，对于十位电话号码，您需要比十位字符号码更多的验证，因为有效号码可以包含 +-. 并以零开头。而是使用具有在pattern 属性中定义的正则表达式的文本字段。这是一个需要十个数字的示例：

<input type="text" pattern="^[0-9]{10}$" data-validation-pattern-message="10 digits needed">

实际上，您的用户可能希望能够输入更复杂的电话号码，例如+44 (0)7772 123 456 或1800-555-678。 this SO question 中列出了一些更强大的正则表达式。