How to allow only integer numbers in Angular?

31,618

Solution 1

function Main($scope) {

     $scope.regex = "/^-?[0-9][^\.]*$/";
   }
input.ng-dirty.ng-invalid { color: red }
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script>
<div ng-app>
    <div ng-controller="Main">
        <form name="form">
	  <input type="number" ng-model="person.age" ng-pattern="/^-?[0-9][^\.]*$/"/>
           <input type="number" ng-model="person.age1" ng-pattern="{{regex}}" />
        </form>
    </div>
</div>

try this

 $scope.regex = "/^-?[0-9][^\.]*$/";

<input type="number" ng-model="person.age" ng-pattern="{{regex}}"/>

Solution 2

You can also use this ng-pattern="/^(0|\-?[1-9][0-9]*)$/".

Share:
31,618
Yulian
Author by

Yulian

Updated on February 01, 2022

Comments

  • Yulian
    Yulian over 2 years

    I have a number input in my HTML and I want it to be an integer, not a floating point number.

    So, if I have this:

    <input type="number" ng-model="person.age" />
    

    Angular will consider a value of 18.4 to be valid. How can I fix this?