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中列出了一些更强大的正则表达式。