成人国产在线小视频_日韩寡妇人妻调教在线播放_色成人www永久在线观看_2018国产精品久久_亚洲欧美高清在线30p_亚洲少妇综合一区_黄色在线播放国产_亚洲另类技巧小说校园_国产主播xx日韩_a级毛片在线免费

資訊專欄INFORMATION COLUMN

代碼片段之jQuery控制input只能輸入數(shù)字和兩位小數(shù)

iOS122 / 1993人閱讀

摘要:前言做為一個(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

相關(guān)文章

  • 代碼片段jQuery控制input只能輸入數(shù)字兩位小數(shù)

    摘要:前言做為一個(gè),難免會遇到那種表單中限制輸入的問題,比如,限制空格的輸入,只允許輸入數(shù)字,以及小數(shù)點(diǎn)的控制等等,這里,我們就說一下數(shù)字的限制。 showImg(https://segmentfault.com/img/remote/1460000019199762?w=1350&h=900); 前言 做為一個(gè)PHPER,難免會遇到那種表單中jQuery限制輸入的問題,比如,限制空格的輸入...

    MingjunYang 評論0 收藏0
  • js控制input只能輸入數(shù)字一位小數(shù)點(diǎn)且小數(shù)點(diǎn)后面只有兩位小數(shù)

    摘要:控制框只能輸入數(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...

    gyl_coder 評論0 收藏0
  • input輸入只能輸入數(shù)字,只能輸入字母數(shù)字組合

    摘要:輸入大小寫字母數(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ù)字: 輸入英文...

    BakerJ 評論0 收藏0

發(fā)表評論

0條評論

最新活動
閱讀需要支付1元查看
<