input只能输入数字input输入框怎么设置只能输入数字让input只能输入数字




input只能输入数字input输入框怎么设置只能输入数字让input只能输入数字

2022-07-21 2:27:03 网络知识 官方管理员

限制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事件,完美的解决了以上两种问题,测试暂时还没有出现其它问题。

代码示例

<!DOCTYPEhtml><htmllang="en"><head><metacharset="UTF-8"/><title>input</title></head><body>只能输入纯数字的输入框:<inputtype="text"name=""οninput="value=value.replace(/[^\d]/g,'')"></body></html>

以上代码均已在谷歌、火狐、百度、UC、IE11、360急速、QQ、Edge浏览器下测试完毕,请放心使用.

input只能输入数字(input输入框怎么设置只能输入数字)(1)



发表评论:

最近发表
网站分类
标签列表