在AngularJS中验证电话号码

-1

我在尝试验证文本字段的电话号码，以便输入将匹配以下模式：05x-xxxxxxx（忽略连字符）。这是做这件事的正确方法吗？在AngularJS中验证电话号码

HTML：

<form name="PhoneForm"> 
    <div> 
     <md-icon md-svg-src="icons/ic_phone_48px.svg"></md-icon> 
     <md-input-container> 
      <label>Phone Number</label> 
      <input ng-model="contactPhone" name="PhoneInput" required ng-pattern="[0][5][0-9]{8}"/> <!-- i.e 05x-xxxxxxx --> 
      <div ng-messages="PhoneForm.PhoneInput.$error" ng-if="PhoneForm.PhoneInput.$dirty"> 
       <div ng-message="required">This field is required!</div> 
       <div ng-message="pattern">Illegal phone number!</div> 
      </div> 
     </md-input-container> 
    </div> 
</form>

因为这似乎并没有工作。当输入为空时，我甚至没有收到“field is required”字段。模式可能有问题吗？

谢谢。

来源

2017-10-17 Jadenkun