js限制輸入框只能輸入數(shù)字(onkeyup觸發(fā))
更新時間：2018年09月28日 16:27:45 投稿：mdxy-dxy
這篇文章主要介紹了通過js實現(xiàn)input輸入框只能輸入數(shù)字的實現(xiàn)方法，主要是通過正則表達式替換實現(xiàn),需要的朋友可以參考下
例子：html代碼
<input type="text" name="" id="box" />
通常都直接用：
<input type="text" name="" id="box" onkeyup="value=value.replace(/[^\d]/g,'')"/>
以上的缺點是，當你正確輸入的是一串數(shù)字后，想用光標移動到前面修改其中的一個數(shù)字，發(fā)現(xiàn)移不動，所以就顯示了下面的方法的好處
其實加個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)文章
本篇文章主要介紹了微信小程序-滾動消息通知的實例代碼，小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2017-08-08
這篇文章主要為大家詳細介紹了JS實現(xiàn)京東商品分類側(cè)邊欄，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2020-12-12
解決layui數(shù)據(jù)表格Date日期格式的回顯Object的問題
今天小編就為大家分享一篇解決layui數(shù)據(jù)表格Date日期格式的回顯Object的問題，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧2019-09-09
前端開發(fā)過程中經(jīng)常需要判斷瀏覽器的版本，達到同時兼容多個瀏覽器的目的，下面有兩種不錯的常用方法：jquery及HTML中的注釋，喜歡的朋友可以參考下2013-10-10
網(wǎng)頁緩存文件批量改名工具...2006-10-10
這篇文章主要為大家詳細介紹了JS實現(xiàn)簡易留言板，節(jié)點進行操作，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2020-03-03
JavaScript中while循環(huán)的基礎(chǔ)使用教程
這篇文章主要給大家介紹了關(guān)于JavaScript中while循環(huán)的基礎(chǔ)使用教程，文中通過示例代碼介紹的非常詳細，對大家學(xué)習(xí)或者使用JavaScript具有一定的參考學(xué)習(xí)價值，需要的朋友們下面來一起學(xué)習(xí)學(xué)習(xí)吧2020-08-08
Bootstrap導(dǎo)航菜單點擊后無法自動添加active的處理方法
今天小編就為大家分享一篇Bootstrap導(dǎo)航菜單點擊后無法自動添加active的處理方法，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧2018-08-08
這篇文章主要給大家介紹了關(guān)于javascript中閉包closure的相關(guān)資料，文中通過示例代碼介紹的非常詳細，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2021-03-03
這篇文章主要介紹了JS實現(xiàn)簡易圖片輪播效果的方法,實例分析了javascript操作圖片實現(xiàn)輪播特效的技巧,需要的朋友可以參考下2015-03-03