继续浏览精彩内容
慕课网APP
程序员的梦工厂
打开
继续
感谢您的支持,我会继续努力的
赞赏金额会直接到老师账户
将二维码发送给自己后长按识别
微信支付
支付宝支付

如何限制input 输入框只输入数字呢?

Hi刘先森
关注TA
已关注
手记 5
粉丝 4
获赞 204

在网页编写的过程中,输入框呢经常要限制输入的内容。但通过脚本语言限制或jsp动态方法限制都有些麻烦。在查阅许多方法之后,发现一种最为简洁的方法。
具体实现方法:
输入代码:onKeyUp="value=value.replace(/[^\d]/g,'') "onbeforepaste="clipboardData.setData('text',clipboardData.getData('text').replace(/[^\d]/g,''))" 添加到<input>属性中即可实现。
实现后输入任何非数字内容会自动退格清除输入的数据!

打开App,阅读手记
59人推荐
发表评论
随时随地看视频慕课网APP

热门评论

HTML5新增的<input type="number">,只能输入数字,而且不用js控制。

HTML5新增的<input type="number">,只能输入数字,而且不用js控制。

<input type="number" />

button
checkbox
color
date 
datetime 
datetime-local 
email 
file
hidden
image
month 
number 
password
radio
range 
reset
search
submit
tel
text
time 
url
week

查看全部评论