最新下载
热门教程
- 1
- 2
- 3
- 4
- 5
- 6
- 7
- 8
- 9
- 10
在HTML中限制input输入框只能输入纯数字实现代码
时间:2022-06-25 17:52:45 编辑:袖梨 来源:一聚教程网
本篇文章小编给大家分享一下在HTML中限制input输入框只能输入纯数字实现代码,文章代码介绍的很详细,小编觉得挺不错的,现在分享给大家供大家参考,有需要的小伙伴们可以来看看。
限制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 只能输入纯数字的输入框: