input输入框限定为数字

Posted 2020-10-15

分页中跳转到第几页会有个输入框input，对于这个input会希望它只能输入正整数，且最大值不超过总页数，so 操作可如下：

/*去除input的默认样式，不显示input[type=number]的小箭头*/
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button{-webkit-appearance: none !important}
input[type=number] {
    -moz-appearance:textfield;
}

<div class="goPage">跳转到<input class="goPage-text" type="number" min="1" max="‘+args.pageCount+‘" onkeyup="number()"/>页<span class="go">Go</span></div>

function number(){//分页中跳转页面输入框限定
    var a=document.querySelector(".goPage-text").value;
    if(! /^\d+$/.test(a) || /[^\d]/g.test(a)){//a不能是小数，不能是非数字
        document.querySelector(".goPage-text").value=""
    }

    var maxCount;//最大页数
    if(parseInt(a)>parseInt(maxCount) || parseInt(a)==0){
        document.querySelector(".goPage-text").value=""
    }
}