获取 HTML5 数字输入的值

Question

我正在使用一种新的 HTML5 输入类型，number：

<input type="number" />

在 Opera 中，这是我所知道的唯一能识别它的桌面浏览器，它会将其呈现为：

我面临的问题是验证之一。如果用户在字段中输入了无效的内容，例如：“abc”，则myInput.value 返回的值为空字符串。这使得无法判断用户是否将该字段留空，或者他们是否输入了一些不正确的数据。有什么办法可以得到该字段的真正价值？

Answer 1

HTML5 草案定义：

值净化算法如下：如果元素的值不是有效的浮点数，则将其设置为空字符串。

Reference¹

我想您应该使用默认值“0”来确保该字段保持不变或输入无效内容，因为似乎没有明显的方法可以区分两者。

在阅读了验证规范和一些测试（在 Opera 10.54 中）后，我得出结论：

<input id="email" type="email" value="blah">
document.getElementById("email").validity.typeMismatch // True

不适用于<input type="number">。不确定它是否应该这样做，或者它是否正在进行中。然而，该属性确实存在，尽管它总是返回 False。

Read more²

还可以设置自定义验证方式Reference³