如何将文本框设置为仅接受特定范围内的数字[重复]答案

【问题标题】：How to set textbox to accept only numbers within certain range [duplicate]如何将文本框设置为仅接受特定范围内的数字[重复]
【发布时间】：2019-05-03 16:46:31
【问题描述】：

范围可以是例如 5 到 10 这是我到目前为止所做的，但它仍然没有做我想要的

<script>
function checkpattern(elem)
{
    var textbox = document.getElementById("textbox");

    if(textbox.value.length<=10 && textbox.value.length>=5)
    {
        alert("5 to 10");
    }
    else
    {
        if(!elem.value.match('^'+elem.getAttribute('pattern')+'$'))
        {
            alert('Accepts digits only');
        }
    }
}
</script>

<input type = "text" name = "amt" maxlength = "10" pattern = [0-9] onchange = checkpattern(this) placeholder="Enter Amount" onfocus="this.placeholder = ''" onblur="this.placeholder = 'Enter Amount '" required="">

【问题讨论】：

您想要长度只有 5 到 10 位的数字还是数值介于 5 到 10 之间的数字？

标签： javascript html

【解决方案1】：

如果你使用minlength，它不会让你提交它，除非它有超过 5 个字符

<input type = "text" name = "amt" minlength="5" maxlength = "10" pattern = [0-9] onchange = checkpattern(this) placeholder="Enter Amount" onfocus="this.placeholder = ''" onblur="this.placeholder = 'Enter Amount '" required="">

如果您想将其设置为数量（数字），您可以使用 min 和 max：

<input type = "number" name = "amt" min="5" max = "10" pattern = [0-9] onchange = checkpattern(this) placeholder="Enter Amount" onfocus="this.placeholder = ''" onblur="this.placeholder = 'Enter Amount '" required="">

【讨论】：

请记住，如果您希望它大于 5 位数，则应将 min 更改为 10000，maximun 的 10 位数应为 max="9999999999"

【解决方案2】：

您的代码中存在很多问题，如果 else 错误并且您也没有正确传递输入值

 <script>
function checkpattern(elem)
        {

            if(elem<=10 && elem>=5)
            {
            alert("5 to 10");
            }
                if(!elem.match(/^\d+$/))
            {
                alert('Accepts digits only');
            }

        }
</script>
<input type = "text" name = "amt" maxlength = "10" pattern = [0-9] onchange = checkpattern(this.value) placeholder="Enter Amount" onfocus="this.placeholder = ''" onblur="this.placeholder = 'Enter Amount '" required="">

【讨论】：