我认为上面的答案中缺少的是需要为step属性指定不同的值，该属性的默认值为1. 如果您希望输入的验证算法允许浮点值，请相应地指定一个步骤。

例如，我想要美元金额，所以我指定了这样的步骤：

 <input type="number" name="price"
           pattern="[0-9]+([\.,][0-9]+)?" step="0.01"
            title="This should be a number with up to 2 decimal places.">

使用 jQuery 检索值并没有错，但是您会发现直接使用 DOM API 来获取元素的validity.valid属性很有用。

我对小数点有类似的问题，但我意识到存在问题的原因是 Twitter Bootstrap 添加到具有无效值的数字输入的样式。

这是一个小提琴，演示添加step属性使其工作，并测试当前值是否有效：

• js小提琴

TL;DR： 将 astep属性设置为浮点值，因为它默认为1。

注意：逗号对我无效，但我怀疑如果我将操作系统语言/区域设置设置为使用逗号作为小数点分隔符的地方，它会起作用。*注意事项*：Ubuntu/Gnome 14.04 中的操作系统语言/键盘设置 *德语* 并非如此。

根据 w3.org，数字输入的value属性被定义为浮点数。浮点数的语法似乎只接受点作为小数点分隔符。

我在下面列出了一些可能对您有帮助的选项：

1.使用pattern属性

使用pattern属性，您可以以 HTML5 兼容的方式使用正则表达式指定允许的格式。如果模式失败，您可以在此处指定允许使用逗号字符和有用的反馈消息。

<input type="number" pattern="[0-9]+([,\.][0-9]+)?" name="my-num"
           title="The number input must start with a number and use either comma or a dot as a decimal character."/>

注意：跨浏览器支持差异很大。它可能是完整的、部分的或不存在的。

2. JavaScript 验证

您可以尝试将一个简单的回调绑定到例如onchange（和/或blur）事件，该事件将替换逗号或一起验证。

3.禁用浏览器验证##

第三，您可以尝试在数字输入上使用formnovalidate属性，目的是一起禁用该字段的浏览器验证。

<input type="number" formnovalidate />

4. 组合..？

<input type="number" pattern="[0-9]+([,\.][0-9]+)?" 
           name="my-num" formnovalidate
           title="The number input must start with a number and use either comma or a dot as a decimal character."/>

是使用逗号还是句点作为小数点分隔符完全取决于浏览器。浏览器根据操作系统或浏览器的区域设置做出决定，或者某些浏览器从网站获取提示。我制作了一个浏览器比较图，展示了不同浏览器如何支持处理不同的本地化方法。Safari 是唯一可以交替处理逗号和句点的浏览器。

基本上，您作为网络​​作者无法真正控制这一点。一些变通方法涉及使用两个带有整数的输入字段。这允许每个用户按预期输入数据。它不是特别性感，但它适用于所有用户的所有情况。

使用valueAsNumber代替.val()。

输入 。valueAsNumber [ = 值 ]

返回表示表单控件值的数字（如果适用）；否则，返回 null。
可以设置，改变值。
如果控件既不是基于日期或时间也不是数字，则抛出 INVALID_STATE_ERR 异常。

使用文本类型但强制显示数字键盘

<input value="12,4" type="text" inputmode="numeric" pattern="[-+]?[0-9]*[.,]?[0-9]+">

inputmode 标签是解决方案