ng-pattern for only numbers will accept chars like '-' in angular.js

Question

pattern to make an input text accept only numbers between 0-9.

this is my pattern:

$scope.onlyNumbers = /[\u0030-\u0039]+/g;

for some reason, chars like '-' will be accepted even though it is not in the range i have declared.

this is my input html:

  <input style="width:40%;" type="text" name="phone" ng-minlength="10" ng-maxlength="15" ng-model="register.phone" placeholder='cell phone' ng-pattern="onlyNumbers" required title="please enter cell phone">

can someone help please?

Answer 1

To make it simpler \d = any numeric value

$scope.onlyNumbers = /^\d+$/;

Example: http://jsfiddle.net/TheSharpieOne/JPkER/1/

Answer 2

You need to anchor the expression to restrict the value to numbers only and I don't think you need the global modifier so you expression should become:

$scope.onlyNumbers = /^[\u0030-\u0039]+$/;

And even a better expression:

$scope.onlyNumbers = /^[0-9]+$/;