数字类型输入的最大值错误信息

Question

在我的表单中有一个数字类型的输入框。我已经为它设置了最小值和最大值。然而，我想显示一个错误消息给用户，当他输入超过指定的最大值。

我已经写了ng-show，但是当用户输入超过最大值时仍然不会显示错误消息

下面是我的代码:

<div class="col-sm-8">
<input type="number" class="form-control" name="maxvaluetest" id="maxvaluetest" ng-model="maxvaluetest" min="0" max="100" ng-change="record()" 
ng-required="showError">
<span class="help-block" style="color:red" ng-show="myform.maxvaluetest.$dirty && myform.maxvaluetest.$invalid">
    <span ng-show="myform.maxvaluetest.$error">{{myform.maxvaluetest.$error}}</span>
</span>

我错过了什么吗?

是否有其他方法来显示错误消息?我使用Angularjs

Answer 1

您需要使用angular版本的min和max。即

ng-min="0" ng-max="100"

而且，我认为发生的错误将不再需要，它可能会。

myform.maxvaluetest.$error.max

如果你把这个放到你的HTML中，它会打印出错误信息的版本

{{myform.maxvaluetest.$error}}