web-dev-qa-db-ja.com

Angularで整数のみを許可するにはどうすればよいですか？

HTMLに数値入力があり、浮動小数点数ではなく整数にしたい。

だから、私がこれを持っているなら：

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

Angularは18.4の値を有効と見なします。どうすれば修正できますか？

angularjsvalidationinputnumbersinteger
6
Yulian
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>

これを試して

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

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

このng-pattern="/^(0|\-?[1-9][0-9]*)$/"も使用できます。

2
Mohaimin Moin