Question

如何设置html输入类型编号，最大值，以使最大值小于边界（max）值不等于边界值？现在，我可以做的是如下操作，但这不是正确的解决方案，因为列表会继续显示

<input type="number" min="0" max="24" />

如何接受0-24之间的任何值，而不是0或24

<input type="number" min="0" max="23.9">

或

<input type="number" min="0" max="23.99">

或

<input type="number" min="0" max="23.999">

或

<input type="number" min="0" max="23.999">

或

<input type="number" min="0" max="23.9999">

我需要接受浮点值，除正则表达式之外的选项

Answer 1

您可以给输入一个定义增量的步骤。

<input type="number" min="0" max="23.99" step="0.01">

Answer 2

输入数字不应该允许输入的数字超过最大值，请检查我的以下代码，这将确保为您提供帮助。

$("[type='number']").keypress(function (evt) {
console.log(evt.key); 

 var regex = /[0-9]/;
  if(regex.test(evt.key) ) {
    let value = parseInt($("[type='number']").val()+evt.key);
    console.log("value",value);
    value <= 24 ? "" : evt.preventDefault();
    }
    else
    evt.preventDefault();
});

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<input type="number" min="0" max="24" step="0.01">

输入数字将最大值设置为十进制

2 个答案: