摘要:前言做為一個(gè),難免會遇到那種表單中限制輸入的問題,比如,限制空格的輸入,只允許輸入數(shù)字,以及小數(shù)點(diǎn)的控制等等,這里,我們就說一下數(shù)字的限制。
前言
做為一個(gè)PHPER,難免會遇到那種表單中jQuery限制輸入的問題,比如,限制空格的輸入,只允許輸入數(shù)字,以及小數(shù)點(diǎn)的控制等等,這里,我們就說一下數(shù)字的限制。
jquery代碼話不多說,直接先上jQuery函數(shù),具體的可以看注釋說明,在使用這個(gè)之前,請務(wù)必保證已經(jīng)提前引入了jQuery庫,大家可以自己下載一個(gè)jQuery文件,然后引入,也可以查找CDN地址引入,比如在https://www.bootcdn.cn/jquery/可以查找到很多版本的引入地址,直接找到你想要的引入就行。
函數(shù)的直接用法之onkeyup在input表單輸入中,限制最多只能保留兩位小數(shù)點(diǎn),其他自動抹掉;這里會用到onkeyup事件,也就是onkeyup事件會在鍵盤按鍵被松開時(shí)發(fā)生,也就是,這個(gè)時(shí)候調(diào)用我們的函數(shù),來處理已輸入的內(nèi)容。
元函數(shù)的直接用法之blur
除了上面的監(jiān)控鍵盤事件外,還可以通過監(jiān)控表單的焦點(diǎn)事件來實(shí)現(xiàn),也就是,表單都有獲得焦點(diǎn)事件focus和失去焦點(diǎn)事件blur,我們只需要在失去焦點(diǎn)的時(shí)候,調(diào)用我們的format_input_num函數(shù)就可以了,具體如下:
元
或者不在表單中直接綁定方法,而是去jQuery中通過查找元素節(jié)點(diǎn),然后多帶帶綁定相應(yīng)的事件,并執(zhí)行相關(guān)函數(shù)
元其他輸入限制
限制只能輸入數(shù)字的寫法,也就是,只能輸入0-9的數(shù)字
限制只能輸入數(shù)字、字母和橫線"-",其中字母包括大小寫
當(dāng)然了,還有其他很多校驗(yàn)規(guī)則,可以自己根據(jù)實(shí)際需求進(jìn)行修改和嘗試一下
最后這就是我分享CODING過程中的一些代碼片段,有不對或者需要優(yōu)化的地方,大家可以給我留言。
感謝http://www.cnblogs.com/angto64/p/5459496.html
文章版權(quán)歸作者所有,未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為,您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請注明本文地址:http://systransis.cn/yun/109554.html
摘要:前言做為一個(gè),難免會遇到那種表單中限制輸入的問題,比如,限制空格的輸入,只允許輸入數(shù)字,以及小數(shù)點(diǎn)的控制等等,這里,我們就說一下數(shù)字的限制。 showImg(https://segmentfault.com/img/remote/1460000019199762?w=1350&h=900); 前言 做為一個(gè)PHPER,難免會遇到那種表單中jQuery限制輸入的問題,比如,限制空格的輸入...
摘要:控制框只能輸入數(shù)字和一位小數(shù)點(diǎn)且小數(shù)點(diǎn)后面只有兩位小數(shù)控制框只能輸入數(shù)字和一位小數(shù)點(diǎn)且小數(shù)點(diǎn)后面只有兩位小數(shù)或過濾清除數(shù)字和以外的字符只保留第一個(gè)清除多余的只能輸入兩個(gè)小數(shù)如果沒有小數(shù)點(diǎn),不能為類似的金額如果有小數(shù)點(diǎn),不能為類似的金額如 js控制input框只能輸入數(shù)字和一位小數(shù)點(diǎn)且小數(shù)點(diǎn)后面只有兩位小數(shù) js控制input框只能輸入數(shù)字和一位小數(shù)點(diǎn)且小數(shù)點(diǎn)后面只有兩位小數(shù)212或 0...
摘要:輸入大小寫字母數(shù)字下劃線輸入小寫字母數(shù)字下劃線輸入數(shù)字和點(diǎn)輸入中文輸入數(shù)字輸入英文輸入中文數(shù)字英文輸入數(shù)字和字母除了英文的標(biāo)點(diǎn)符號以外,其他的都可以中文,英文字母,數(shù)字,中文標(biāo)點(diǎn)只能輸入數(shù)字代碼小數(shù)點(diǎn)也不能輸入只能輸入數(shù)字能輸 輸入大小寫字母、數(shù)字、下劃線: 輸入小寫字母、數(shù)字、下劃線: 輸入數(shù)字和點(diǎn) 輸入中文: 輸入數(shù)字: 輸入英文...
閱讀 2590·2021-11-18 10:02
閱讀 1720·2021-09-30 10:00
閱讀 5351·2021-09-22 15:27
閱讀 1224·2019-08-30 15:54
閱讀 3685·2019-08-29 11:13
閱讀 2959·2019-08-29 11:05
閱讀 3336·2019-08-29 11:01
閱讀 581·2019-08-26 13:52