在HTML中限制input 输入框只能输入纯数字
2023-09-27 14:27:48 时间
限制 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 事件,完美的解决了以上两种问题,测试暂时还没有出现其它问题。
代码示例
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<title>input</title>
</head>
<body>
只能输入纯数字的输入框:<input type="text" name="" oninput="value=value.replace(/[^\d]/g,'')">
</body>
</html>
相关文章
- 026_如何在MAC下输入主要国家货币符号?
- 解决HttpServletRequest的输入流只能读取一次的问题
- 可输入的下拉框
- 【Markdown】编辑器使用技巧大汇总5。类似表格的输入,字体格式的输入(尝试版,不怎么全,待后续继续补充)
- C++从屏幕输入数字以空格分割,存入整型数组
- JS解决所有浏览器连续输入英文字母不换行问题,包括火狐(转)
- EPICS记录参考4--所有输入记录都有的字段和所有输出记录都有的字段
- 【HTML】HTML 注册表单案例 ② ( 表格中的内容设置 | 下拉列表 | 输入文本框 | 复选框 | 文本域 | 图片按钮 | 链接 )
- Java Swing界面编程(18)---单行文本输入组件:JTextField
- 限制input输入类型(多种方法实现)
- EditText setHint()输入提示你知道吗?
- 用expect实现自动输入SSH的SCP信息,且不需要另外的文件
- CAD突然没有对话框了?只能命令行输入内容??(FILEDIA=0?CMDECHO=0?)
- HTML表单与输入实例