angular input number

allows only digits

by teaddict

HTML

<script src="http://cdnjs.cloudflare.com/ajax/libs/angular.js/1.2.16/angular.min.js"></script>
<!DOCTYPE html>
<html ng-app="checkNumber">
  <head>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/angular.js/1.2.32/angular.js"></script>
    <script src="controller.js"></script>
  </head>
  <body ng-controller="userInfoCtrl">
    <div id="form">
    	Number: <input type="text" name="number" ng-model="infoForm.number" ng-change="isNumber(infoForm.number)" ng-model-options="{debounce: 750}">
    	<br>
    	<span style="color: red" ng-if="numberStatus=='invalid'">Please enter number </span>
    </div>
  </body>
</html>

JavaScript

var myApp = angular.module('checkNumber', []);

myApp.controller('userInfoCtrl', ['$scope',function($scope){
	$scope.numberStatus = undefined;
	$scope.infoForm = {	
						 "name": "test",
                         "number": ""
                     };
    $scope.isNumber = function(text){
   		var phone = text.replace(/[^0-9]/g, '');
	    $scope.infoForm.number = phone;
	    console.log(phone)
	    if(phone == ''){
	    	$scope.numberStatus = "invalid";
	    }else{
	    	$scope.numberStatus = undefined;
	    }
    };
}]);