javascript - 使用javascript限制输入标签中的数值

Question

我正在创建一个表单，我希望输入标签只接受数字，我还想将数字限制在 0 - 20 之间。

这是我的 html 代码:

<input type="text" name="three" class="actual" id="three" maxlength="2" onkeypress="return ForNumbers(event)" />

这是我的 javascript 代码:

    <script type="text/javascript">
        function ForNumbers(evt){
        var charCode = (evt.which) ? evt.which : event.keyCode
if (charCode > 31 && (charCode < 48 || charCode > 57))
    return false;
return true;
        }
    </script>

Answer 1

应该能够做这样的事情:

if (input.value < 0) input.value = 0;
if (input.value > 20) input.value = 20;

如果这就是您的意思，就这么简单。

您可以在输入值更改 (onChange) 时运行它，这样他们就可以看到限制。

完整功能:

HTML:

<input type="text" onchange="limiter(this);" />

Javascript:

function limiter(input) {
   if (input.value < 0) input.value = 0;
   if (input.value > 100) input.value = 100;
}

Working Demo