input文本框只能输入数字
2024-10-18 21:19:25
HTML中的input文本框有时候需要数字的做输入检查,如果能做输入之前限定只能输入数字的话,就可以省去在提交时候的输入内容检查了。
下面是自己在火狐浏览器上调试出的实现,实现原理就是在键盘事件(onkeydown,onkeyup)和粘贴事件(onpaste)中做处理:
$('#numInput').keydown(function(event) {
var keys = ['Tab','Home','End','Backspace','Delete','ArrowLeft','ArrowRight','F12',' '];
if (keys.indexOf(event.key) == -1) {
if (/[^0-9]/g.test(event.key)) {
event.preventDefault();
}
}
});
$('#numInput').keyup(function(event){
$(this).val($(this).val().replace(/[^\d]/g,''));
});
$('#numInput').on('paste', function() {
var ptxt = arguments[0].originalEvent.clipboardData.getData('Text');
$(this).val(ptxt.replace(/[^\d]/g,''));
});
最新文章
- tornado上手
- 数-模(D/A)转换器
- jdbctemplate中的批量更新使用,BigDecimal与造型的联系和区别
- XE3随笔21:系统默认语言与系统支持的语言列表
- 3D打印:三维智能数字化创造(全彩)
- [Android] WebView内的本地网页,使用XMLHttpRequest读取本地档案
- socket.io简单说明及在线抽奖demo
- CRM 2013 安装前系统和数据库的基础配置
- Redis Set 命令
- WPF 详解模板
- js弹出图片原图效果
- Centos 下安装Zabbix Linux 客户端
- eclipse的注释
- Windows Server 2016-三种方法备份还原DHCP服务器
- MySQL(3)---MySQL优化
- 初级字典树查找在 Emoji、关键字检索上的运用 Part-2
- Slack 开发入门之 Incoming Webhooks:往 Slack 的 Channel 中发消息
- Git Flow分支策略
- leetcode132. Palindrome Partitioning II
- CSS Ul(列表样式)