javascript - HTML 输入框自定义步骤按钮

Question

希望有人能用这个给我指明正确的方向。

我有一个简单的输入框:

<form>
<input id="Days" name="Days" type="number" required step="0.025" min="0.000" max="5" value="1.000">
<input type="submit" id="Sub"/>
</form>

哪个工作正常，但用户要求:

• 只允许输入0.025的倍数
• 上下箭头以1的倍数移动

所以输入 1.025 是完全可以接受的，但是单击框中的向上箭头给出 1 然后 2 等等。

我可以将其配置为满足任一要求，但不能同时满足这两个要求。有没有办法覆盖箭头的行为来实现这一点？

更新

下面由 frajk 提供的解决方案运行良好，但是当您单击提交时，您会收到消息:

无论如何？

Answer 1

假设您有可用的 jQuery，我认为这可以满足您的需求

<input id="Days" name="Days" type="number" required step="1.000" min="0.000" max="5" value="1.000">

$("#Days").change(function(e) {
    var $ele = $(e.target);
    $ele.val( (Math.ceil($ele.val()*40)/40).toFixed(3) );
});