javascript - $error.pattern 无法正常工作

Question

使用代码 testMessageForm.PhoneNumber.$error.pattern 未应用我的手机号码模式。我不确定是否可以使用 pattern with $error。 AngularJS 文档也没有帮助。

    **

<div class="col-sm-9">
            <input required
                   placeholder="(nnn) nnn-nnnn"
                   ng-pattern="^(\([0-9]{3}\) |[0-9]{3}-)[0-9]{3}-[0-9]{4}$"
                   minlength="10"
                   data-ng-model="reminderTest.PhoneNumber"
                   id="PhoneNumber"
                   name="PhoneNumber"
                   class="form-control" />  <!--ng-pattern="matchPattern"/>-->
            <span class="help-block has-error">
                <span ng-show="testMessageForm.PhoneNumber.$error.required">
                    Phone number is required
                </span>
                <span ng-show="testMessageForm.PhoneNumber.$error.minlength">
                    At least 10 digits.
                </span>
                <span ng-show="testMessageForm.PhoneNumber.$error.pattern">
                    Wrong Phone number pattern.
                </span>
            </span>
        </div>

**

Answer 1

ngPattern 应该是正则表达式。

ng-pattern="/^(\([0-9]{3}\) |[0-9]{3}-)[0-9]{3}-[0-9]{4}$/"

(注意开头和结尾处的 /)