javascript - 输入类型数字 - form.$error 不适用于 Chrome 和 IE，但适用于 FF

Question

我有输入类型编号 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>

Answer 1

打开这个link在 Firefox 和 IE 中。

输入类型编号是HTML5元素。所有浏览器尚未完全支持 HTML5。因此，输入类型数字将回退到输入类型文本。所以你的默认 HTML5 验证将不起作用。你已经编写了 JS 来处理这个问题。

注意:我不了解 Angular，但这只是 HTML5 观察