`ng-pattern` - how to check for only numbers?

angularjs angularjs-forms
user2024080 picture user2024080 · Dec 23, 2015 · Viewed 75.2k times · Source

I am using an ng-pattern to check for ONLY numbers in my input. But for me that's not working. I can able to type in characters after the number. How can I restrict that?

here is my code :

<div ng-app ng-controller="formCtrl">
<form name="myForm" ng-submit="onSubmit()">
    <input type="text" ng-model="price" name="price_field" ng-pattern="/^[0-9]/" required>
    <span ng-show="myForm.price_field.$error.pattern">Not a valid number!</span>
    <input type="submit" value="submit"/>
</form>
</div>

Live Demo

Answer

RIYAJ KHAN picture RIYAJ KHAN · Dec 23, 2015

Use this expression

ng-pattern="/^[0-9]*$/"

UPDATE :

for accepting the only characters,you can use like this.

ng-pattern="/^[a-zA-Z]*$/"

Related questions

Can I access a form in the controller?

I'm currently using the following. $scope.$$childHead.customerForm[firstName], so that: <form name="customerForm"> <input type="text" name="firstName" ng-model="data.customer.firstName" tabindex="1" ng-disabled="!data.editable" validationcustomer /> </form> But this only works in …

Read More
Using $setValidity inside a Controller

I am trying to do some validation on file change. Here is my code: View/Template <input type="file" name="file" id="file" onchange="angular.element(this).scope().setFile(this)" required /> <span class="error" ng-show="myForm.file.$…

Read More
ng-pattern doesn't show $error.pattern

I have script here and ng-pattern works correctly because scope.subnet is shown in Output only after input matches pattern. But ng-show doesn't display any error if ng-pattern is not matched <body ng-contoller="myConfigGenCtr"> <form novalidate name="…

Read More