jQuery val 拒绝从数字字段返回非数字输入(在 Chrome 下)

Question

在编写一些验证代码时，偶然发现了 jQuery 中的一些奇怪的东西 - 我有一个 html5“数字”字段；

<input type="number" class="required numeric" />

然后，我的脚本将查看页面上的每个字段，检查类并根据需要进行验证。我奇怪地注意到，如果我在一个数字字段中输入“X”，我会收到“请在该字段中输入一个值”错误，而不是“这应该是一个数字”错误。经过一番绞尽脑汁和大量调试后，我敲出了一个 jsFiddle 来演示我的理论 - 看起来如果你在数字字段中输入一个字符，然后尝试从 jquery 执行 .val() ，它不会返回任何内容 - 就好像字段为空(我在 Chrome 中遇到过这个 - 不确定它是否在所有浏览器中都如此)；

http://jsfiddle.net/shawson/SE46L/3/

这是 fiddle - 输入一些数字，然后输入几个字母来看看疯狂之处。有人知道这是否是设计使然，如果是的话......为什么？

Answer 1

这不是 jQuery 问题。如果您使用 native element.value(例如使用 getElementByID('something').value)，您将获得相同的结果。这是 Chrome 处理输入 type=number 的方式的怪癖，您可以选择使用 type=text 和 pattern 属性来解决它。

参见this older question了解更多背景。