Regex input mask for angular?

Question

The ui-mask in `Angular UI Utils' project (link) is a bit too limited.

For example, the first digit of a US phone number should be 2-9. In ngPattern, it should be

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

So how can I write an input mask to prevent users from entering 0 or 1 in the first digit? Is there some better input mask we should use for Angular?

Not sure what you want. If you want to avoid entering those numbers at the beginning you can start your regex with ^[^01] — Federico Piazza
– Federico Piazza, Commented Apr 8, 2015 at 21:08

UserNeD · Accepted Answer · 2015-04-25 06:35:10Z

4

I guess you can find your answer here: https://github.com/angular-ui/ui-utils/issues/16

As it is explained in the link you can get the mask from a scope/controller variable, check the input and change the mask as needed like:

<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;
  }
};

edited Apr 25, 2015 at 6:35

answered Apr 25, 2015 at 5:17

UserNeD

1,51913 silver badges14 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

UserNeD Over a year ago

Sure, There are so many useful comments in that link. But the best one in my point of view was this one.

bruha · Accepted Answer · 2015-05-06 11:45:31Z

0

Allowing certain inputs based on a regex pattern for AngularJS

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

answered May 6, 2015 at 11:45

bruha

2,5451 gold badge22 silver badges21 bronze badges

2 Comments

julealgon Over a year ago

This project is old and not maintained anymore. Could you provide an alternative?

bruha Over a year ago

sorry, but I didn't work with Angular for several years, not sure what to use now

Collectives™ on Stack Overflow

Regex input mask for angular?

2 Answers 2

1 Comment

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

1 Comment

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related