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萬+
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章