验证 0.5 作为 HTML5 数字输入中的步长值答案

【问题标题】：Validate 0.5 as Step Value in HTML5 Number Input验证 0.5 作为 HTML5 数字输入中的步长值
【发布时间】：2014-03-06 15:06:59
【问题描述】：

我想要一个只允许输入整数或 0.5 个十进制数字的输入字段。例如0, 0.5, 1, 1.5, 2, 2.5.......等等等等

我正在尝试使用 HTML5 输入字段来做到这一点

<input type="number" min="0" max="18" step="0.5" pattern="\d+" />

但是当它处于 0.5 的半步时，它不会验证数字。单击外部/验证时它只是保持红色。

这可能吗？我找不到如何验证半步的类似示例。我需要使用 jQuery 来实现吗？

谢谢

【问题讨论】：

【解决方案1】：

删除pattern 属性。这用于需要正则表达式的复杂验证（并且您的正则表达式仅匹配数字序列）。实际上，规定 min、max 和 step 已经定义了您需要的所有验证：

<input type="number" min="0" max="18" step="0.5" />

【讨论】：

【解决方案2】：

你可以试试这个：如果 step 不是 .5 会清除文本框

&lt;input type="number" min="0" oninput="validity.valid||(value='');"  step="0.5" /&gt;

【讨论】：