input文本框只能输入数字
2016-01-28 23:01
796 查看
HTML中的input文本框有时候需要数字的做输入检查,如果能做输入之前限定只能输入数字的话,就可以省去在提交时候的输入内容检查了。
下面是自己在火狐浏览器上调试出的实现,实现原理就是在键盘事件(onkeydown,onkeyup)和粘贴事件(onpaste)中做处理:
下面是自己在火狐浏览器上调试出的实现,实现原理就是在键盘事件(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,'')); });
相关文章推荐
- JQuery1——基础($对象,选择器,对象转换)
- Android之获取手机上的图片和视频缩略图thumbnails
- Android学习笔记(二九):嵌入浏览器
- Android java 与 javascript互访(相互调用)的方法例子
- JavaScript演示排序算法
- javascript实现10进制转为N进制数
- apache mpm
- 2019年开发人员应该学习的8个JavaScript框架
- HTML中的script标签研究
- 对一个分号引发的错误研究
- 异步流程控制:7 行代码学会 co 模块
- ES6 走马观花(ECMAScript2015 新特性)
- JavaScript拆分字符串时产生空字符的原因
- Canvas 在高清屏下绘制图片变模糊的解决方法
- Redux系列02:一个炒鸡简单的react+redux例子
- JavaScript 各种遍历方式详解
- call/apply/bind 的理解与实例分享