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

Question

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

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

我对此有一个思考过程：

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

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

虽然，我不确定如何在 JavaScript 中写这个（假设我必须使用 JS）。

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">