ui-mask和ngpattern不适用于电话号码

时间:2016-06-09 19:56:36

标签: html angularjs regex angular-ui angularjs-ui-utils

我试图屏蔽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

我确实检查了stackoverflow上的所有帖子。尝试过他们,但没有去。 不确定什么是不正确的?

我正在使用ui-utils.js - v1.1.1 for ui-mask

1 个答案:

答案 0 :(得分:0)

问题似乎是ui-utils.js v0.1.1

我直接包含了ui-mask并且它正常工作: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