js限制輸入框只能輸入數(shù)字(onkeyup觸發(fā))
例子:html代碼
<input type="text" name="" id="box" />
通常都直接用:
<input type="text" name="" id="box" onkeyup="value=value.replace(/[^\d]/g,'')"/>
以上的缺點(diǎn)是,當(dāng)你正確輸入的是一串?dāng)?shù)字后,想用光標(biāo)移動(dòng)到前面修改其中的一個(gè)數(shù)字,發(fā)現(xiàn)移不動(dòng),所以就顯示了下面的方法的好處
其實(shí)加個(gè)if更加和諧:
$('input#box').keyup(function(){ var c=$(this); if(/[^\d]/.test(c.val())){//替換非數(shù)字字符 var temp_amount=c.val().replace(/[^\d]/g,''); $(this).val(temp_amount); } })
上面的函數(shù)使用了jquery的選擇器,大家注意別忘了需要加載jquery。jquery下載
更多的功能可以參考這篇文章:js限制文本框只能輸入數(shù)字方法小結(jié)
相關(guān)文章
解決layui數(shù)據(jù)表格Date日期格式的回顯Object的問題
今天小編就為大家分享一篇解決layui數(shù)據(jù)表格Date日期格式的回顯Object的問題,具有很好的參考價(jià)值,希望對(duì)大家有所幫助。一起跟隨小編過來看看吧2019-09-09JS實(shí)現(xiàn)簡(jiǎn)易留言板(節(jié)點(diǎn)操作)
這篇文章主要為大家詳細(xì)介紹了JS實(shí)現(xiàn)簡(jiǎn)易留言板,節(jié)點(diǎn)進(jìn)行操作,文中示例代碼介紹的非常詳細(xì),具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2020-03-03JavaScript中while循環(huán)的基礎(chǔ)使用教程
這篇文章主要給大家介紹了關(guān)于JavaScript中while循環(huán)的基礎(chǔ)使用教程,文中通過示例代碼介紹的非常詳細(xì),對(duì)大家學(xué)習(xí)或者使用JavaScript具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友們下面來一起學(xué)習(xí)學(xué)習(xí)吧2020-08-08Bootstrap導(dǎo)航菜單點(diǎn)擊后無法自動(dòng)添加active的處理方法
今天小編就為大家分享一篇Bootstrap導(dǎo)航菜單點(diǎn)擊后無法自動(dòng)添加active的處理方法,具有很好的參考價(jià)值,希望對(duì)大家有所幫助。一起跟隨小編過來看看吧2018-08-08javascript中閉包c(diǎn)losure的深入講解
這篇文章主要給大家介紹了關(guān)于javascript中閉包c(diǎn)losure的相關(guān)資料,文中通過示例代碼介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2021-03-03JS實(shí)現(xiàn)簡(jiǎn)易圖片輪播效果的方法
這篇文章主要介紹了JS實(shí)現(xiàn)簡(jiǎn)易圖片輪播效果的方法,實(shí)例分析了javascript操作圖片實(shí)現(xiàn)輪播特效的技巧,需要的朋友可以參考下2015-03-03