如何将输入框限制为仅接受正数且最大值为 10

时间:2021-04-14 14:09:46

标签: javascript

我试图只使用 javascript 来接受输入字段中的正数

我尝试过使用它,但不知道如何将最大值设置为 10。

if (Number.isInteger(num) && num >= 0) {
    
}

3 个答案:

答案 0 :(得分:0)

试试这个:

if (Number.isInteger(num) && num >= 0 && num <= 10) {
    
}

您也可以执行评论中提到的 min/max 属性,但请注意,每个浏览器都有不同的实现,并且在 IE 9 及更低版本上不受支持。

答案 1 :(得分:-1)

最好的解决方案是最初设置它,然后调整它们的范围。 这将允许您根据需要从 javascript 动态更改它们。此功能应该适合您的需求并且可以重复使用。

<input id = "myControlID" type="number" max="10" min="1" >
<script>
    setNumberRange(0, 100, "myControlID"); //usage

    function setNumberRange(minValue, maxValue, selector) {
        var input = document.getElementById(selector);
        input.setAttribute("min", minValue);
        input.setAttribute("max", maxValue);
    }
</script>

答案 2 :(得分:-2)

你可以在输入标签上试试这个

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

希望有帮助

相关问题