// html部分
<input id="numberInput" type="text" />
// js部分
var inputEl = document.getElementById('numberInput');
// var events = ['input', 'keydown', 'keyup', 'select'];
var events = ['input'];
events.forEach(function(event) {
inputEl.addEventListener(event, function() {
if (inputFilter(this.value)) {
this.oldValue = this.value;
} else if (this.hasOwnProperty('oldValue')) {
this.value = this.oldValue;
} else {
this.value = '';
}
});
});
var numberReg = /^\d{0,6}$/;
var inputFilter = function(val) {
var isMatch = numberReg.test(val);
if (isMatch) {
return true;
}
return false;
}
實(shí)現(xiàn)一個(gè)只能輸入數(shù)字的input框
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時(shí)請結(jié)合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡書系信息發(fā)布平臺,僅提供信息存儲服務(wù)。
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時(shí)請結(jié)合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡書系信息發(fā)布平臺,僅提供信息存儲服務(wù)。
相關(guān)閱讀更多精彩內(nèi)容
- Html代碼 Javascript代碼 function keyPress() { varkeyCode =eve...
- 網(wǎng)上看了很多教程,還是用正則匹配最穩(wěn)函數(shù): 調(diào)用: 參考:https://www.cnblogs.com/fred...
- 只允許輸入數(shù)字(整數(shù):小數(shù)點(diǎn)不能輸入) 允許輸入小數(shù)(兩位小數(shù)) 允許輸入小數(shù)(一位小數(shù)) 開頭不能為0,且不能輸入小數(shù)