输入类型编号即使设置ng-step也不添加任何约束

时间:2016-09-23 13:07:05

标签: angularjs

我正在使用输入类型编号,并希望仅允许用户使用1-10之间的整数值,因此添加ng-step="1"但它仍然允许浮动并且没有错误

 <input type="number" 
        ng-step="1" 
        ng-min="1" 
        ng-max="10" 
        name="numKeys" 
        ng-model="vm.data.numKeys" 
        ng-required class="form-control" />

请参阅this demo

2 个答案:

答案 0 :(得分:0)

使用ng-pattern和RegExp&#34; / ^ [0-9] + $ /&#34;只接受整数值。

    <input type="text" ng-model="value" ng-pattern="/^[0-9]+$/">

答案 1 :(得分:0)

这只是解决我的问题

<input type="text" name="numKeys" ng-pattern="/^([1-9]|10)$/" required />