input输入框限定为数字


分页中跳转到第几页会有个输入框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=""
}
}





免责声明!

本站转载的文章为个人学习借鉴使用,本站对版权不负任何法律责任。如果侵犯了您的隐私权益,请联系本站邮箱yoyou2525@163.com删除。



 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM