博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
知识点---input只能输入数字
阅读量:6861 次
发布时间:2019-06-26

本文共 399 字,大约阅读时间需要 1 分钟。

限制 input 输入框只能输入纯数字

1、onkeyup = "value=value.replace(/[^\d]/g,'')"

 

使用 onkeyup 事件,有 bug ,那就是在中文输入法状态下,输入汉字之后直接回车,会直接输入字母

2、

onchange = "value=value.replace(/[^\d]/g,'')"

 

使用 onchange 事件,在输入内容后,只有 input 丧失焦点时才会得到结果,并不能在输入时就做出响应

3、

oninput = "value=value.replace(/[^\d]/g,'')"

 

使用 oninput 事件,完美的解决了以上两种问题,测试暂时还没有出现其它问题。

代码示例
input只能输入纯数字的输入框:

 

转载于:https://www.cnblogs.com/liaohongwei/p/10996097.html

你可能感兴趣的文章
JVM系列二:GC策略&内存申请、对象衰老
查看>>
MySQL 数据库备份策略:全备与增量备份
查看>>
Springboot的热部署
查看>>
Thinking in UML-1-为什么需要UML
查看>>
vs编译obj给delphi用
查看>>
过游戏保护NP或TP的几种方法和思路
查看>>
equals和hashcode为什么要一起重写
查看>>
模态与非模态对话框的问题
查看>>
httpclient 备注 控制连接时间及多线程错误
查看>>
地对地导弹地对地导弹地对地导弹
查看>>
浏览器根对象window之performance
查看>>
让div 充满整个body
查看>>
常用排序算法
查看>>
程序员保持快乐活跃的6个好习惯(转)
查看>>
找工作的一些感悟——前端小菜的成长
查看>>
jSON Call can throw but it is not marked with try
查看>>
基于bootstrap的jQuery多级列表树插件 treeview
查看>>
node06
查看>>
笔试题[转]
查看>>
图片轮换
查看>>