2016-09-26 41 views
0

如何使用ng-mask驗證具有模式(xxx)xxx-xxxx的電話號碼。我嘗試在輸入HTML標記中使用「模式」,但對結果 不滿意,因爲每次用戶輸入電話號碼時,用戶都必須鍵入'()'和' - ',這會讓用戶感到煩惱。所以建議一種方法來克服這一點。如何在angularjs中使用ng-mask

<input type="tel" name="phoneno" maxlength=13 ng-model="phone.number" pattern="^(?:\(\d{3}\)|\d{3}-)\d{3}-\d{4}$" required/></div> 
+0

,你可以做到這一點通過創建一個指令 –

回答

0

這應該工作:

<input type="text" ng-model="phone.number" name="phone" mask="(999) 999-9999" clean="true" ng-model="phone"> 
+0

它會產生()和「 - 」自動或用戶必須輸入其 – Rudhra

+0

自動。查看[此鏈接](http://candreoliveira.github.io/bower_components/angular-mask/examples/index.html#/)並搜索電話號碼 – nikjohn

+0

我試過了,但它不顯示'() '' - '自動它的行爲就像一個普通的文本框@DustinToothless – Rudhra