输入具有最小和最大数字的值

2024-04-24

下面是一个输入数字表单,我使用 JavaScript 添加了一些代码,其中可写入的最小数字为 1,最大可写入数字为 50。 当有人尝试输入任何小于 1 且大于 50 的数字时,它会自动将其替换为数字 1 或 50,但我没有成功实现此目标,我需要您的帮助。

    document.getElementById('info1').addEventListener("input", function () {
    let num = +this.value, max = 50, min = 1;
    if (num > max || num < min) {
        return false;
      }
})
<input type="number" id="info1" size="4">

已经有一个 HTML 属性对用于此目的 -min and max:

<input type="number" min="1" max="50">

如果您还希望在用户输入超出范围的数字时发生这种情况:

document.getElementById("inp").addEventListener("change", function() {
  let v = parseInt(this.value);
  if (v < 1) this.value = 1;
  if (v > 50) this.value = 50;
});
<input type="number" min="1" max="50" id="inp">
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

输入具有最小和最大数字的值 的相关文章