角度的正则表达式输入掩码？答案

【问题标题】：Regex input mask for angular?角度的正则表达式输入掩码？
【发布时间】：2015-05-06 19:45:31
【问题描述】：

`Angular UI Utils' 项目 (link) 中的 ui-mask 有点太有限了。

例如，美国电话号码的第一位应该是 2-9。在ngPattern，应该是

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

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

【问题讨论】：

不确定你想要什么。如果您想避免在开头输入这些数字，您可以使用 ^[^01] 开始您的正则表达式

标签： regex angularjs

【解决方案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;
  }
};

【讨论】：

当然，该链接中有很多有用的 cmets。但在我看来，最好的是这个。

【解决方案2】：

允许基于 AngularJS 的正则表达式模式的某些输入

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

【讨论】：

这个项目很旧，不再维护。你能提供一个替代方案吗？
抱歉，我已经好几年没用 Angular 了，不知道现在该用什么