Html输入类型=“数字”返回空字符串作为值[重复]

Question

当你有：

<input type="number" id="myInput" />

你填写了一些垃圾，比如： 8,5,.,.,.,54.,543,.4

然后$('#myInput').value 将返回'' 这意味着它被视为用户没有填写任何内容，从而扰乱了我的表单验证。

如何检索实际输入？

可以在这里找到codePen，您可以检查控制台是否确实打印了一个空字符串：https://codepen.io/anon/pen/EQrrXz?editors=1111

我在 chrome 上，但在 safari 上也会发生这种情况。

我仍然希望能够接受正常的数字输入，包括小数。

Answer 1

您将字符串放入不正确的 type='number' 中。

执行此操作时，您会在控制台中收到此错误。

指定的值“8,5,.,.,.,54.,543,.4”不是有效数字。该值必须与以下正则表达式匹配：-?(\d+|\d+.\d+|.\d+)([eE][-+]?\d+)?

您可以改为 type='text' 或将纯数字改为 type='number'

示例：

console.log(document.getElementById('myInput').value)

<input type="text" id="myInput" value="43.,.,,.,.5" />