首页 > 其他 > 详细

文本框如何设置为只输入数字

时间:2021-05-19 16:43:47      阅读:20      评论:0      收藏:0      [点我收藏+]

HTML5 可以用:
<input type="number">html4 的话只能用js实现了:
<input type="text" onkeyup="this.value=this.value.replace(/\D/g, ‘‘)">上面的只能输入整数。如果需要小数正则需要改成:
/[^\d\.]/g
再有其他特殊需求就自己搜索正则吧

原理就是监听输入框的 按键弹起<keyup>事件(按键事件分:按下,弹起),这个时候就是输入字符已经上屏的时候,执行正则替换掉非数字的字符。

当然,以上只是在输入阶段判断,安全点,需要用js在提交阶段再用js验证一下,然后后台接收到数据再验证一下,这样应该就完美了。

最后补充下:这个属于html的范畴,和JSP没有关系。因为到用户输入那,所有的JSP的动态代码都已经输出成静态的HTML了,JSP的动态Java代码已经影响不到已经静态化的页面上的操作了。

转载:https://www.cnblogs.com/shuilangyizu/p/9672760.html

文本框如何设置为只输入数字

原文:https://www.cnblogs.com/zhang1004/p/14784984.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!