ui-mask и ngpattern не работают для номера телефона

Я пытаюсь замаскировать номер в формате xxx-xxx-xxxx и пытаюсь убедиться, что номер телефона начинается с любой цифры, кроме 0 и 1

<div class="form-group" data-ng-class="{ 'error' : editForm.homePhone.$invalid && editForm.$dirty }">
                    <label class="label" for="homePhone">Home Phone</label>
                    <input  name="homePhone"                              
                           data-ng-model="edit.HomePhoneNumber"
                           required
                           ng-pattern="/^[2-9]{1}[0-9]{2}-[0-9]{3}-[0-9]{4}$/"
                           ui-mask="999-999-9999" ui-mask-placeholder />
                    <span>{{editForm.homePhone}}</span>
                    <span class="error-message field-validation" data-ng-show="editForm.homePhone.$invalid && editForm.homePhone.$dirty">
                        Phone number must be in the format xxx-xxx-xxxx
                    </span>
                </div>

Это всегда говорит число как недействительное. Я пытался напечатать editForm.homePhone

Я проверил все сообщения на stackru. Пробовал их, но не пошел. Не уверен, что не так?

Я использую ui-utils.js - v0.1.1 для маски ui

1 ответ

Решение

Кажется, проблема в ui-utils.js v0.1.1

Я включил UI-маску напрямую, и она работает правильно: http://codepen.io/emed/pen/GqqmKW

(tested with angular 1.5.5 and ui-mask 1.8.5)

https://github.com/angular-ui/ui-mask

Другие вопросы по тегам