js限制輸入框只能輸入整數、小數

轉載：http://www.cnblogs.com/shangwd/p/4913732.html

作表單驗證的時候是否會碰到驗證某個輸入框內只能填寫數字呢，僅容許輸入整數數字或者帶小數點的數字。下面這段代碼也許能幫到你!經過對當前輸入框定義onkeypress，onkeyup，onblur事件對錶單作了充分的驗證，結果仍是很是靠譜的。

複製代碼 代碼以下:

type="text" value="" t_value="" o_value="" onkeypress="if(!this.value.match(/^[\+\-]?\d*?\.?\d*?$/))this.value=this.t_value;else this.t_value=this.value;if(this.value.match(/^(?:[\+\-]?\d+(?:\.\d+)?)?$/))this.o_value=this.value" onkeyup="if(!this.value.match(/^[\+\-]?\d*?\.?\d*?$/))this.value=this.t_value;else this.t_value=this.value;if(this.value.match(/^(?:[\+\-]?\d+(?:\.\d+)?)?$/))this.o_value=this.value" onblur="if(!this.value.match(/^(?:[\+\-]?\d+(?:\.\d+)?|\.\d*?)?$/))this.value=this.o_value;else{if(this.value.match(/^\.\d+$/))

this.value=0+this.value;if(this.value.match(/^\.$/))this.value=0;

this.o_value=this.value}"

下面對onkeypress，onkeyup，onblur事件作簡要的解釋。

onkeypress 事件會在鍵盤按鍵被按下並釋放一個鍵時發生。

onkeyup 事件會在鍵盤按鍵被鬆開時發生。

onblur 事件會在對象失去焦點時發生。

另外須要注意的是若是須要作嚴格驗證的表單，必定要客戶端和服務器端進行雙重驗證，以上牢牢作了客戶端驗證。若是稍微懂點程序的人，可以很輕鬆的繞過這段驗證代碼，若是服務器端沒有進行驗證的話，就很容易出問題的。