我有输入类型编号,其中定义了min
和max
值。
它在Firefox上工作正常,如果我输入数字e.g. abc or 11 or -1
以外的值,则会显示错误消息,但在尝试使用chrome和IE时,它会提供相同的输出。
这里有什么问题?
<div>
<label>Size</label>
<div >
<div>
<input type="number" name="maxSize" data-ng-model="Size" min="0" max="10"/>
</div>
<div data-ng-if="Form.maxSize.$error.number">Please enter a number between 0 and 10</div>
<div data-ng-if="Form.maxSize.$error.min">Please enter a number between 0 and 10</div>
<div data-ng-if="Form.maxSize.$error.max" >Please enter a number between 0 and 10</div>
</div>
</div>
答案 0 :(得分:1)
在Firefox和IE中打开此link。
Input Type Number
是HTML5
元素。所有浏览器尚未完全支持HTML5。因此Input Type Number
将回退到Input Type Text
。因此,您的默认HTML5验证将不起作用。你已经写了JS来处理这个问题。
注意:我不了解Angular,但这只是HTML5观察