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