对输入值AngularJS应用范围验证

时间:2014-12-15 12:27:21

标签: angularjs

当用户输入值时,系统应检查此值是否在为此字段定义的最小值和最大值范围内。另外,需要检查允许的小数点数。

<input  ng-model='data.value1' >
<input  ng-model='data.value2' >
<input  ng-model='data.value3' >
<input  ng-model='data.value4' >

2 个答案:

答案 0 :(得分:5)

你可以添加type =“number”。并为angularJS

<input type="number"
       ng-model=""
       [name=""]
       [min=""]
       [max=""]
       [required=""]
       [ng-required=""]
       [ng-minlength=""]
       [ng-maxlength=""]
       [pattern=""]
       [ng-pattern=""]
       [ng-change=""]>

请点击此链接以获得更多说明 AngularJs Documentation

答案 1 :(得分:2)

扩展我的评论:

 var range = 'your range';
 var checkRange = function () {
    var value = data.value;
    if(value <=range) {
    //your code;
    } else {
    //your code;
    }
}

更新

$scope.data.value = 500;
$scope.$watch('data.value', function (oldVal,newVal) {
     if(newVal > 1000 ) {
      $scope.data.value = 500;
}

})