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位数的最大长度不起作用，而且number字段也适用于chrome，而不是firefox。帮帮我伙计们。先谢谢你！

Answer 1

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

对于10位数字的电话号码，您需要更多的验证，而不仅仅是一个十个字符的号码，因为有效的号码可以包含+-.和带零的引号。相反，使用一个带有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中列出了一些更强大的regexp。