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)文章
layui實現(xiàn)下拉復(fù)選功能的例子(包括數(shù)據(jù)的回顯與上傳)
今天小編大家分享一篇layui實現(xiàn)下拉復(fù)選功能的例子(包括數(shù)據(jù)的回顯與上傳)，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧2019-09-09
RGB顏色值轉(zhuǎn)HTML十六進制(HEX)代碼的JS函數(shù)
轉(zhuǎn)到固定長度的十六進制字符串，不夠則補0 javascript找出一個背景色的數(shù)值，只好自己解析2009-04-04
本篇文章主要是對js中replace的用法進行了詳細的總結(jié)介紹，需要的朋友可以過來參考下，希望對大家有所幫助2013-12-12
下面小編就為大家?guī)硪黄狫s獲取圖片原始寬高的實現(xiàn)代碼。小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考，一起跟隨小編過來看看吧2016-05-05
js統(tǒng)計頁面的來訪次數(shù)實現(xiàn)代碼
這篇文章主要介紹了如何使用js統(tǒng)計頁面的來訪次數(shù),需要的朋友可以參考下2014-05-05
這篇文章主要介紹了JavaScript調(diào)試常見報錯及原因分析，本文給大家介紹的非常詳細，對大家的學(xué)習(xí)或工作具有一定的參考借鑒價值,需要的朋友可以參考下2023-04-04
實現(xiàn)表格中行點擊時的漸擴效果！...2006-12-12
BootStrap中的table實現(xiàn)數(shù)據(jù)填充與分頁應(yīng)用小結(jié)
這篇文章主要介紹了BootStrap中的table實現(xiàn)數(shù)據(jù)填充與分頁功能的相關(guān)資料,非常不錯，具有參考借鑒價值，需要的朋友可以參考下2016-05-05
下面小編就為帶來一篇js導(dǎo)出excel文件的簡潔方法(推薦)。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2016-11-11
uni-app是一個使用Vue.js開發(fā)所有前端應(yīng)用的框架,開發(fā)者編寫一套代碼,可發(fā)布到iOS、Android、Web（響應(yīng)式）、以及各種小程序,下面這篇文章主要給大家介紹了關(guān)于如何利用uni-app開發(fā)App的相關(guān)資料,需要的朋友可以參考下2022-11-11