2017-09-25 9 views
0

私はAngularJSと剣道UIを使用しています。私は入力コンポーネントに整数だけを出力したい。私は正規表現を使ってみましたが、それは私を助けませんでした。整数のみ入力可能です

入力のために、この私の設定:

input(
    ng-pattern='vm.regexp' 
    min='1' 
    ng-model='vm.maxContentCounter' 
) 
vm.regexp = /^(0|[1-9]\d*)$/; 

この入力は、印刷コンマとドットを可能にし、私は1少ないした値を印刷することができます。印刷のみの整数値をどのように許可できますか?

答えて

1

<html ng-app="myApp"> 
 
<head> 
 
\t <title></title> 
 
</head> 
 
<body ng-controller="myCtrl"> 
 
<input type="text" valid-decimal-number ng-model="Amount" ng-blur="ConvertToDecimal()"> 
 
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script> 
 
<script type="text/javascript"> 
 
var app = angular.module("myApp", []); 
 
app.controller('myCtrl', ['$scope', function ($scope) { 
 
$scope.ConvertToDecimal = function (val) { 
 
\t if(isNaN($scope.Amount)){ 
 
\t \t alert("given input is not a number"); 
 
\t \t return; 
 
\t } 
 
     var num = Number($scope.Amount); 
 
     var dupNum=Math.floor(num); 
 
     if(num !=dupNum){ 
 
     alert("given input is not a number"); 
 
\t \t return; 
 
     } 
 
     $scope.Amount=num; 
 
    } 
 
}]); 
 
</script> 
 
</body> 
 
</html>

+0

入力は '1.2'を受け入れる... – DontVoteMeDown

+0

は、あなたはそれが1.2を受け入れるべきではありませんもしかして? –

+0

* "整数のみ" *はタイトルを読み取る... – DontVoteMeDown

関連する問題