// 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,且不能输入小数