angular當表單中有正規表示式時，遇到的坑。

weixin_34234823發表於2017-01-14
Angular

angularJs開發過程中，當HTML表單中有的正規表示式時，

如果輸入的內容與正則不匹配時，繫結在$scope上的表單中的ng-model模型獲取不到值，

<input type="tel" ng-pattern="/^[1][0-9]{10}$/" ng-model="mobile"  />

var mobile = $scope.mobile;

當在輸入框隨便輸入一些數字中時，例如789，此時獲取的$scope.mobile的值為undefined

只有輸入匹配正規表示式時，如12345678901，$scope.mobile才有值。

經歷：有一次用ng-change事件獲取輸入框中的值時，如果沒有輸入匹配正規表示式的字元，獲取的值都是undefined，無法做條件判斷。

相關文章