输入属性type="number“在IE11中不工作。我怎么才能避开这一切？

Question

我有一个简单的表单，其中一个输入字段的类型是数字。

<input type="number" step="0.5" required/>

这在大多数浏览器中都能使用。然而，在Internet 11上，type="number"的验证是有缺陷的。它只允许数值，但是在输入一个数字之后，验证似乎停止工作。

例如，在大多数浏览器中，type="number"的验证工作如下所示：

value

• example!50

• 50是有效的
• 50是无效的是无效的值。

而在中，它的工作方式如下：

value

• example!50

• 50是有效的
• 50是无效的是有效值。

我如何确保在的输入字段中只允许数字值(同时也允许step="0.5“继续工作-即10.5将仍然有效，即使”。是非数字)

Answer 1

能够用这个正则表达式解决这个问题：

~r/^\d+(?:\.[05])?$/

Answer 2

我可以在IE 11中复制这个问题。为了解决这个问题，我们可以添加regex。示例代码如下所示，它只允许一个小数点，并且在IE11中工作得很好：

​

<input type="number" step="0.5" required oninput="this.value = this.value.replace(/[^0-9.]/g, '').replace(/(\..*?)\..*/g, '$1');" />

​