js限制文本框只能輸入整數或者帶小數點的數字
做表單驗證的時候是否會碰到驗證某個輸入框內只能填寫數字呢,僅允許輸入整數數字或者帶小數點的數字。下面這段代碼也許能幫到你!通過對當前輸入框定義onkeypress,onkeyup,onblur事件對表單做了充分的驗證,結果還是非??孔V的。
<input 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 事件會在鍵盤按鍵被按下并釋放一個鍵時發(fā)生。
onkeyup 事件會在鍵盤按鍵被松開時發(fā)生。
onblur 事件會在對象失去焦點時發(fā)生。
另外需要注意的是如果需要做嚴格驗證的表單,一定要客戶端和服務器端進行雙重驗證,以上緊緊做了客戶端驗證。如果稍微懂點程序的人,能夠很輕松的繞過這段驗證代碼,如果服務器端沒有進行驗證的話,就很容易出問題的。
以上所述就是本文的全部內容了,希望大家能夠喜歡。
相關文章
JavaScript錯誤處理之分析 Uncaught(in promise) error的
在開發(fā)過程中,JavaScript的錯誤處理是一個老生常談的話題,當應用程序發(fā)生未捕獲的異常時,Uncaught(in promise) error是其中最常見的錯誤類型,這篇文章將從多個方面詳細闡述這種錯誤類型的原因與解決方案,感興趣的朋友一起看看吧2023-12-12微信小程序使用template標簽實現(xiàn)五星評分功能
這篇文章主要為大家詳細介紹了微信小程序使用template標簽實現(xiàn)五星評分功能,具有一定的參考價值,感興趣的小伙伴們可以參考一下2018-11-11js實現(xiàn)canvas保存圖片為png格式并下載到本地的方法
本篇文章主要介紹了js實現(xiàn)canvas保存圖片為png格式并下載到本地的方法,非常具有實用價值,需要的朋友可以參考下2017-08-08