10 digit Regex Validation with angularJs ng-Pattern

javascript regex angularjs ng-pattern
Muhammad Adeel Zahid picture Muhammad Adeel Zahid · Mar 24, 2015 · Viewed 8.9k times · Source

I want one of my input fields to have exactly 10 digits. I have used ng-pattern in following manner

<input type="text" ng-pattern="/[1-9]{1}[0-9]{9}$/" ng-model="user.Identity" name="identity">

The problem is that this expression is allowing the user to enter numeric strings having more than 10 digits whereas, I want to allow exactly 10 digits. Is there a problem with my regex or my understanding of ng-pattern?

Answer

Alex K. picture Alex K. · Mar 24, 2015

The ^ anchor indicates start of string/line as $ does for the end, ^expr$ prevents the shifting window matches you see:

/^[1-9]{1}[0-9]{9}$/

Related questions

Angular ng-pattern for date not working on IE9

I am trying to use below date (mm/dd/yyyy) validation pattern using ng-pattern in view. ng-pattern="/^(\d{4})-(\d{2})-(\d{2})$/" As soon as I start typing the date the validation error appears and stays even after having valid …

Read More
AngularJs ng-pattern regex

I am struggling writing a Regex for angular ng-pattern to validate a form input field.An example of the possible inputs are below Valid input: @tag1,@tag2,@tag3 @tag1, @tag2, @tag3 @tag1 Invalid Input: @tag 1 @tag 1, @tag2, @tag -3 @ta …

Read More
Why is Angularjs ng-pattern not working with the following regexp?

For some reason the initialized value doesn't appear in the field, but the second field without the ng-pattern does work. any ideas? angular.module('app', []).controller('MainCtrl', function($scope) { $scope.widget = {title: 'abc', title2: 'abc'}; }); <div ng-app="app" ng-controller="…

Read More