input只能输入数字，对数字进行判断，且修复IE下无法使用光标，无法中间输入的问题

最新推荐文章于 2021-06-11 16:10:41 发布

xlhu618

最新推荐文章于 2021-06-11 16:10:41 发布

阅读量1.2k

点赞数

分类专栏： html 文章标签： html

本文链接：https://blog.csdn.net/xlhu618/article/details/16802223

版权

html 专栏收录该内容

18 篇文章 0 订阅

订阅专栏

js代码：

<script type="text/javascript">
/*
			定位光标
			*/
			function setCursorPos(obj,pos)
			{
				  var rng =obj.createTextRange();
				  rng.moveStart('character',pos);
				  rng.collapse(true);
				  rng.select();
			}
			/*
			替换后定位光标在原处,可以这样调用οnkeyup=replaceAndSetPos(this,/[^/d]/g,'');
			*/
			function replaceAndSetPos(obj,pattern,text){
			  if(event.shiftKey||event.altKey||event.ctrlKey||event.keyCode==16
			  		||event.keyCode==17||event.keyCode==18||(event.shiftKey&&event.keyCode==36))
			   	return;
			 var pos=getCursorPos(obj);//保存原始光标位置
			 var temp=obj.value; //保存原始值
			 obj.value=temp.replace(pattern,text);//替换掉非法值
			 pos=pos-(temp.length-obj.value.length);//当前光标位置
			 
			 setCursorPos(obj,pos);//设置光标
			}
			//这里是对增强后的函数的调用,输入长度大于1时，如果以0开头 过滤掉
			function inputNumberOnly(text){
				if (text.value.length > 1 && text.value.substr(0, 1) == '0') {
					text.value = text.value.substr(1);
					return;
				}
			  	replaceAndSetPos(text,/^\D/g,'');
			}
		</script>

html引用：

<input type="text" id="PRIZE_RATE_<%=i %>" name="PRIZE_RATE_<%=i %>" size="4" maxlength="4" value="" οnkeyup="inputNumberOnly(this);" οnkeypress="if(event.keyCode < 48 || event.keyCode > 57 ) event.returnValue = false;" οnblur="if (value.length == 0)value='0';"  />