jqBootstrapValidation中的多重驗證失敗

Question

我使用的是meteor和jade-handlebars包。還爲javascript使用coffeescript。 現在我使用jqBootstrapValidation來驗證我的表單。我需要驗證我的電話號碼，用戶只能輸入10位數的整數。所以，我沒有在我的玉文件以下（這是我的文件只有一部分）

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

僅數工作，但不是10位的最大長度不工作也數場正在驗證對於chrome不適用於firefox。請幫幫我。 謝謝您提前。

Answer 1

maxlength屬性僅適用於文本輸入，不適用於數字輸入。

對於十位數的電話號碼，無論如何都需要比十個字符數更多的驗證，因爲有效數字可以包含+-.並且帶零。請使用具有在pattern屬性中定義的正則表達式的文本字段。下面是需要10個數字爲例：

<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中列出了一些更強大的正則表達式。