如何获得字段的原始值？

Question

如何获取字段的“真实”值？

我有一个input框，我使用的是较新的HTML5输入类型number:

<input id="edQuantity" type="number">

这在Chrome29中得到了支持：

edQuantity.value = "" (String);

（至少在Chrome 29中）

如何获取控件的“原始”值？

我试着浏览了Chrome的输入框的其他属性列表：

value          isEmpty        Conclusion
=============  =============  ================
"4"            false          valid number
""             true           empty box; not a problem
""             false          invalid text; color it red

null

Answer 1

根据WHATWG，除非它是有效的数字输入，否则您不应该能够获得该值。输入数字字段的净化算法指出，如果输入不是有效的浮点数，浏览器应该将该值设置为空字符串。

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

通过指定类型()，您要求浏览器为您做一些工作。另一方面，如果您希望能够捕获非数字输入并对其执行某些操作，则必须依赖于旧的Trid and true text输入字段并自己解析内容。