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

在Firefox和IE中打开此link。

Input Type Number是HTML5元素。所有浏览器尚未完全支持HTML5。因此Input Type Number将回退到Input Type Text。因此，您的默认HTML5验证将不起作用。你已经写了JS来处理这个问题。

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

输入类型编号 - 表单。$ error不适用于Chrome和IE，但使用FF很好

1 个答案: