如何使用angular js在数字类型的输入字段上设置的最小值和最大值设置/显示错误消息。
<input type="number" min="0.1" max="30"/>
最佳答案
请使用以下代码在使用angularjs验证的数字输入类型字段中显示最小值和最大值的错误消息。
对于“数字输入类型”字段的ng-maxlength和ng-minlength。
<form name="myForm">
<input type="number" name="count" ng-model="count" max="30" min="0.1">
<span style="color:red" ng-show="myForm.user.$dirty && myForm.user.$invalid">
<span ng-show="myForm.user.$error.min">Count should be above 0.1.</span>
<span ng-show="myForm.user.$error.max">Count should be below 30.</span>
</span>
</form>
对于文本输入类型字段的最大长度和最小长度。
<form name="myForm">
<input type="text" name="username" ng-model="username" ng-minlength="5" ng-maxlength="15">
<span style="color:red" ng-show="myForm.username.$dirty && myForm.user.$invalid">
<span ng-show="myForm.username.$error.minlength">Username should be minimum 5 character.</span>
<span ng-show="myForm.username.$error.maxlength">Username should be maximum 15 character.</span>
</span>
</form>
关于angularjs - 如何显示数字类型输入字段的最小值和最大值的错误消息?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/43994035/