用户无法输入的数字框？

Question

我有一个数字框，从0到7.2，增量为0.6

如何制作它以便只能通过按下框的箭头键来改变框的值？例如5.0不是可接受的数字，因为它不能被0.6整除。我试图避免发生错误并强迫用户再试一次。

Answer 1

如果您使用数字输入控件，ala

<input type="number" id="numberControl" min="0" max="7.2" step="0.6">

您最好的选择是，当您提供无效值时，您只需舍入到最接近的值。 这可以通过

的小jquery来完成

$("#numberControl").change(function(){
   var base = Math.round($("#numberControl").val() / 0.6);
   $("#numberControl").val(base * 0.6);
});