Question

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

<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>

Answer 1

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

您正在使用 type =＆＃34; text＆＃34; ，对于类型文字， ng-minlength 和 ng-maxlength 对于 type =＆＃34; number＆＃34; ，有 min 和 max 属性。

<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;
}

Answer 2

以Angular方式使用：

<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/

如何在AngularJS中设置范围验证

2 个答案: