如何在AngularJS中设置范围验证

我想设置范围验证，即我希望工资应该在100000-20000000之间。我用ng-min和ng-max。但仍然没有抛出错误信息。这是我所做的。它唯一的检查号码验证。如何在AngularJS中设置范围验证

<input ng-model="name2" name="name2" type="text" class="zoomIn" ng-min="100000" ng-max="20000000" ng-pattern="/^\d+$/" placeholder="Your Annual Net Profit" required> 
<div ng-messages="step5form.name2.$error"> 
<div ng-message="min">Please enter a value between 100000 and 20000000.</div> 
<div ng-message="max">Please enter a value between 100000 and 20000000.</div> 
<div ng-message="pattern">Annual net profit cannot be characters.</div> 
</div>

来源

2016-03-04 user5397448

您可以使用ng-minlength =“number”ng-maxlength =“number”from angular docs – ngLover

我尝试使用minlength和maxlength，但不接受该范围和禁用下一个按钮之间的值。 – user5397448

[数据绑定数字输入的最小/最大属性时未触发验证]的可能重复（http://stackoverflow.com/questions/15656617/validation-not-triggered-when-data-binding-a-number-inputs- min-max-attributes） –

我认为您应该尝试先阅读AngularJs文档。

这里使用的是类型=“文本”和类型的文本有NG-MINLENGTH个和NG-最大长度而对于类型=“数字”有分钟和最大属性。

<input ng-model="name2" name="name2" type="number" class="zoomIn" min="2" max="4" ng-pattern="/^\d+$/" placeholder="Your Annual Net Profit" required> 
<div ng-messages="step5form.name2.$error"> 
<div ng-message="min">Please enter a value between 100000 and 20000000.</div> 
<div ng-message="max">Please enter a value between 100000 and 20000000.</div> 
<div ng-message="pattern">Annual net profit cannot be characters.</div>

希望这会帮助你。

更新：要删除输入纺纱添加此CSS

input[type=number]::-webkit-inner-spin-button, 
input[type=number]::-webkit-outer-spin-button { 
    -webkit-appearance: none; 
    margin: 0; 
} 
input[type="number"] { 
    -moz-appearance: textfield; 
}

来源

2016-03-04 07:10:00

，但通过将type =数字显示在输入字段中向上和向下箭头。 – user5397448

要删除，有办法。只因为有纺纱厂你不能那样做。我已经更新了我的答案，请接受它，如果你发现有益 –

我已经把你给的CSS，但仍然箭头不会 – user5397448

使用在角方式：

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

Angular Way - More detail

或者通过自己的目录

http://jsfiddle.net/webvitaly/AG2wf/1/

来源

2016-03-04 09:32:32

如何在AngularJS中设置范围验证

回答

相关问题