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

【问题标题】：ui-mask and ngpattern not working for phone numberui-mask 和 ngpattern 不适用于电话号码
【发布时间】：2016-06-16 05:06:00
【问题描述】：

我正在尝试屏蔽 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 - v0.1.1 for ui-mask

【问题讨论】：

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

【解决方案1】：

问题似乎是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

【讨论】：