首页 > 其他 > 详细

input输入框限定为数字

时间:2017-11-20 18:41:24      阅读:298      评论:0      收藏:0      [点我收藏+]

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




input输入框限定为数字

原文:http://www.cnblogs.com/CrystalPeng/p/7867385.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!