js限制文本框只能輸入整數(shù)或者帶小數(shù)點(diǎn)的數(shù)字
做表單驗(yàn)證的時(shí)候是否會(huì)碰到驗(yàn)證某個(gè)輸入框內(nèi)只能填寫數(shù)字呢,僅允許輸入整數(shù)數(shù)字或者帶小數(shù)點(diǎn)的數(shù)字。下面這段代碼也許能幫到你!通過對(duì)當(dāng)前輸入框定義onkeypress,onkeyup,onblur事件對(duì)表單做了充分的驗(yàn)證,結(jié)果還是非常靠譜的。
<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}" />
下面對(duì)onkeypress,onkeyup,onblur事件做簡(jiǎn)要的解釋。
onkeypress 事件會(huì)在鍵盤按鍵被按下并釋放一個(gè)鍵時(shí)發(fā)生。
onkeyup 事件會(huì)在鍵盤按鍵被松開時(shí)發(fā)生。
onblur 事件會(huì)在對(duì)象失去焦點(diǎn)時(shí)發(fā)生。
另外需要注意的是如果需要做嚴(yán)格驗(yàn)證的表單,一定要客戶端和服務(wù)器端進(jìn)行雙重驗(yàn)證,以上緊緊做了客戶端驗(yàn)證。如果稍微懂點(diǎn)程序的人,能夠很輕松的繞過這段驗(yàn)證代碼,如果服務(wù)器端沒有進(jìn)行驗(yàn)證的話,就很容易出問題的。
以上所述就是本文的全部?jī)?nèi)容了,希望大家能夠喜歡。
- js判斷文本框輸入的內(nèi)容是否為數(shù)字
- js實(shí)現(xiàn)文本框只允許輸入數(shù)字并限制數(shù)字大小的方法
- js控制文本框只輸入數(shù)字和小數(shù)點(diǎn)的方法
- JS限制文本框只能輸入數(shù)字和字母方法
- js限制文本框只能輸入數(shù)字方法小結(jié)
- javascript限制文本框只允許輸入數(shù)字(曾經(jīng)與現(xiàn)在的方法對(duì)比)
- js限制文本框只能輸入數(shù)字(正則表達(dá)式)
- js 只能輸入數(shù)字和小數(shù)點(diǎn)的文本框改進(jìn)版
- javascript之文本框輸入四個(gè)數(shù)字自動(dòng)加空格的腳本
- 基于js實(shí)現(xiàn)的限制文本框只可以輸入數(shù)字
相關(guān)文章
js實(shí)現(xiàn)Select列表內(nèi)容自動(dòng)滾動(dòng)效果代碼
這篇文章主要介紹了js實(shí)現(xiàn)Select列表內(nèi)容自動(dòng)滾動(dòng)效果的方法,涉及javascript簡(jiǎn)單遞歸調(diào)用遍歷select及時(shí)間函數(shù)的相關(guān)使用技巧,需要的朋友可以參考下2015-08-08JS前端開發(fā)判斷是否是手機(jī)端并跳轉(zhuǎn)操作(小結(jié))
這篇文章主要介紹了JS前端開發(fā)判斷是否是手機(jī)端并跳轉(zhuǎn)操作,非常不錯(cuò),具有參考借鑒價(jià)值,需要的朋友可以參考下2017-02-02JavaScript錯(cuò)誤處理之分析 Uncaught(in promise) error的
在開發(fā)過程中,JavaScript的錯(cuò)誤處理是一個(gè)老生常談的話題,當(dāng)應(yīng)用程序發(fā)生未捕獲的異常時(shí),Uncaught(in promise) error是其中最常見的錯(cuò)誤類型,這篇文章將從多個(gè)方面詳細(xì)闡述這種錯(cuò)誤類型的原因與解決方案,感興趣的朋友一起看看吧2023-12-12微信小程序使用template標(biāo)簽實(shí)現(xiàn)五星評(píng)分功能
這篇文章主要為大家詳細(xì)介紹了微信小程序使用template標(biāo)簽實(shí)現(xiàn)五星評(píng)分功能,具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2018-11-11JavaScript?排他思想的具體實(shí)現(xiàn)
排他思想的算法就是排除掉其他的,本文主要介紹了JavaScript?排他思想的實(shí)現(xiàn),以及介紹了兩個(gè)示例,感興趣的可以了解一下2021-11-11js實(shí)現(xiàn)canvas保存圖片為png格式并下載到本地的方法
本篇文章主要介紹了js實(shí)現(xiàn)canvas保存圖片為png格式并下載到本地的方法,非常具有實(shí)用價(jià)值,需要的朋友可以參考下2017-08-08通過js控制時(shí)間,一秒一秒自己動(dòng)的實(shí)例
下面小編就為大家?guī)硪黄ㄟ^js控制時(shí)間,一秒一秒自己動(dòng)的實(shí)例。小編覺得挺不錯(cuò)的,現(xiàn)在就分享給大家,也給大家做個(gè)參考。一起跟隨小編過來看看吧2017-10-10