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

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';"  />


发布了21 篇原创文章 · 获赞 0 · 访问量 3万+
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章