1. ホーム
  2. angularjs

[解決済み] ng-pattern` - 数字だけをチェックする方法は?

2022-02-16 21:35:31

質問

を使用しています。 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>

ライブデモ

解決するには?

この式を使って

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

UPDATE :

のようにすると、文字だけを受け付けることができます。

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