禁用 input type=number 的输入验证

Question

我在表单元素中有一个数字输入标签：

<form novalidate="">
      <input type="number" data-role="none" autocapitalize="off" autocorrect="off" autocomplete="off" placeholder="Quantity" class="quantityInput" />
</form>

当用户输入任何non-numeric值时，浏览器会验证它并在提交调用之前删除整个文本。

根据其他答案的建议，我尝试novalidate="novalidate"在表单上使用 novalidate 和属性。我也尝试点击invalid事件。但似乎没有任何效果。如果non-numeric在执行提交调用之前，浏览器只会删除整个文本。

使用 input 的原因type="number"是我需要一个数量字段，用户可以在其中键入诸如10 grams或之类的内容23 pcs。因此，通过设置 input type="number"，iOS 首先显示键盘的数字版本。

如何禁用对数字输入类型的浏览器验证？

Answer 1

现代答案（截至 2020 年）是使用inputmode：

    <input type="text" inputmode="email">
    <input type="text" inputmode="tel">