<input type =“number”/>如何添加特定的数字验证以及最小和最大数量?

时间:2017-10-27 12:32:06

标签: angularjs validation input

我在这里尝试做的是下一步

我需要一个简单的输入,允许数字从5到10和0

`<input type="number" 
       required ng-model="item.quantity"
       ng-min="5"
       ng-max="10"/>`

这是我的代码,但是当用户插入0

时它现在有效

2 个答案:

答案 0 :(得分:1)

对于这个正则表达式:

ng-pattern="/^(0|[5-9]|10)$/"

以下内容有效:

0,5,6,7,8,9,10

答案 1 :(得分:0)

使用like,

HTML:

<input type="number" required ng-model="item.quantity"/>

控制器:

$scope.$watch("item.quantity", function() {
 var quantity = parseInt(item.quantity);
 if(quantity => 5 || quantity == 0) {
    //To do
  } else {
    $scope.item.quantity = '';
  }
});