在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