$error.pattern 无法正常工作

Question

使用代码 testMessageForm.PhoneNumber.$error.pattern 未应用我的单元格 phone 号码模式。我不确定我是否可以将 pattern 与 $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}$/"

（注意开头和结尾的 /）

$error.pattern 无法正常工作

$error.pattern not working properly

javascript

regex

validation

angularjs