// 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;
}
实现一个只能输入数字的input框
©著作权归作者所有,转载或内容合作请联系作者
- 文/潘晓璐 我一进店门，熙熙楼的掌柜王于贵愁眉苦脸地迎上来，“玉大人，你说我怎么就摊上这事。” “怎么了？”我有些...
- 文/花漫 我一把揭开白布。 她就那样静静地躺着，像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上，一...
- 文/苍兰香墨 我猛地睁开眼，长吁一口气：“原来是场噩梦啊……” “哼！你这毒妇竟也来了？” 一声冷哼从身侧响起，我...
推荐阅读更多精彩内容
- Html代码 Javascript代码 function keyPress() { varkeyCode =eve...
- 网上看了很多教程，还是用正则匹配最稳函数： 调用： 参考：https://www.cnblogs.com/fred...
- 只允许输入数字(整数：小数点不能输入) 允许输入小数(两位小数) 允许输入小数(一位小数) 开头不能为0，且不能输入小数
