javascript - 如果用户输入超过它，如何将输入设置为它的最小/最大阈值

Question

我有一个输入类型“数字”，最小为 1，最大为 99。我知道如果用户输入的数字高于 99 或低于 1，则会出现提示，告诉他们输入数字 1-99。我想要它，所以如果用户输入的数字超出了最小值/最大值，它会自动将自身调整为最小值/最大值，并且不会向用户提示此消息。

示例：用户输入 107，数字变为 99。如果用户输入 -10，则数字变为 1。

我对此有一个思考过程：

如果 number 大于 99 则将 number 变为 99

如果 number 小于 1 则将 number 变为 1

虽然，我不确定如何用 JavaScript 编写它（假设我必须使用 JS）。

标签： javascripthtml

Answer 1

您可以通过在每次更改时检查值来做到这一点

var numInput = document.querySelector("input[type='number']");
numInput.onchange = function() {
  this.value = this.value > 99 ? 99 : this.value < 1 ? 1 : this.value;
}

<input type="number">