Question

“Angular UI Utils”项目中的ui-mask（link）有点太局限了。

例如，美国电话号码的第一个数字应为2-9。在ngPattern中，它应该是

ng-pattern="/^\([2-9]\d{2}\)\d{3}-\d{4}(x\d{1,4})?$/"

那么如何编写输入掩码以防止用户在第一个数字中输入0或1？我们应该为Angular使用更好的输入掩码吗？

Answer 1

我想你可以在这里找到答案： https://github.com/angular-ui/ui-utils/issues/16

如链接中所述，您可以从范围/控制器变量中获取掩码，检查输入并根据需要更改掩码，如：

<input type="text" ui-mask="{{mask}}" ng-keyup="onKeyUp()" ng-model="myinput">


$scope.myinput = '';
var defaultMask  = '(99) 9999-9999';
$scope.mask = defaultMask;
$scope.onKeyUp = function(){
  if ($scope.myinput.slice(0,3) == '119') { // (11) 9 means mobile, or instead, you could use a regex
    $scope.mask = '(99) 99999-9999';
  } else {
    $scope.mask = defaultMask;
  }
};

Answer 2

根据AngularJS的正则表达式模式允许某些输入

http://alphagit.github.io/ng-pattern-restrict/

用于角度的正则表达式输入掩码？

2 个答案: