`ng-pattern` - 如何只检查数字？

Question

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 1

Use this expression

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

UPDATE :

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

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

Answer 2

试试这个正则表达式：它应该可以工作/^[0-9]+$/ + 符号用于接受一位或多位数字。

Answer 3

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

ng-pattern="/^\d{1,10}$/"

NOTE: '\\d' can check not only 0-9, also for many digits like greek digits

Answer 4

For reactive form

this.form = fb.group({

  number: ['', [Validators.required, Validators.pattern("^[0-9]*$")]]

})