分頁中跳轉到第幾頁會有個輸入框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=""
}
}