web-dev-qa-db-ja.com

`ng-pattern`-数字だけをチェックする方法は?

私はng-patternを使用して、入力の数値のみを確認しています。しかし、私にとってはそれは機能していません。 charactersの後にnumberを入力できます。どうすればそれを制限できますか?

ここに私のコードがあります:

<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>

ライブデモ

15
user2024080

この式を使用

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

更新:

唯一の文字を受け入れるために、このように使用できます。

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

この正規表現を試してください:うまくいくはずです/^[0-9]+$/ +記号は、1つ以上の数字を受け入れるためのものです。

6
Vishal Rajole

ng-pattern="/^[0-9]*$/" //への変更

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

注: '\ d'は0-9だけでなく、ギリシャ数字などの多くの数字もチェックできます。

4
Ahmed MR-mody