如何用js正则表达式的方法实现禁止input输入空格
Admin 2022-09-24 群英技术资讯 2408 次浏览
在实际应用中,我们有时候会遇到“如何用js正则表达式的方法实现禁止input输入空格”这样的问题,我们该怎样来处理呢?下文给大家介绍了解决方法,希望这篇“如何用js正则表达式的方法实现禁止input输入空格”文章能帮助大家解决问题。<input type="text" name="userName" onkeyup="this.value=this.value.replace(/\s+/g,'')">
只需要在input中加入onkeyup="this.value=this.value.replace(/\s+/g,'')" 这一段正则表达式即可。
onkeyup:表示键盘输入事件,不允许键盘输入空格字符。
\s:表示匹配任意空白字符,此处使用这个。
\S:表示匹配任意非空白字符。
如果想避免别人用鼠标复制粘贴一段空格字符,上面的onkeyup事件是无法阻止的,因此你可以在后面赠加onblur="this.value=this.value.replace(/\s+/g,'')" 这条正则表达式,它表示失去焦点就会将任意空白字符转化为空,所以它可以有效避免别人不使用键盘而只使用鼠标的形式来粘贴空格字符。
来源网站:太平洋学习网,转载请注明出处:http://www.tpyyes.com/a/js_css/402.html
免责声明:本站发布的内容(图片、视频和文字)以原创、转载和分享为主,文章观点不代表本网站立场,如果涉及侵权请联系站长邮箱:mmqy2019@163.com进行举报,并提供相关证据,查实之后,将立刻删除涉嫌侵权内容。
猜你喜欢
Vue如何实现带参跳转的功能?在实际的项目中,常会遇到需要带参跳转的功能,本文给大家来分享一个示例,对大家学习和理解Vue实现带参跳转的功能有一定的帮助,感兴趣的朋友就继续往下看吧。
关于如何以及为什么要构建多页vue应用,我们在上一篇文章中已经介绍过,感兴趣的请参考构建多页vue应用。本文我们要介绍的是,对于一个多页应用,如何单独打包其中一个(或几个)页面
本文给大家介绍的是函数防抖和函数节流,本文会给大家详细的介绍函数防抖和节流是什么,以及如何实现和使用场景等等,下文还有示例供大家参考,感兴趣的朋友就继续往下看吧。
这篇文章主要介绍了uni-app 的模板语法,本文通过实例代码给大家介绍的非常详细,对大家的学习或工作具有一定的参考借鉴价值,需要的朋友可以参考下
不少朋友应该都有玩过贪吃蛇小游戏吧,贪吃蛇小游戏可谓是经典游戏了,那么我们如果使用原生JS怎么写一个贪吃蛇小游戏呢?下面就给大家分享使用原生js实现贪吃蛇游戏代码,感兴趣的朋友可以参考学习。
成为群英会员,开启智能安全云计算之旅
立即注册关注或联系群英网络
7x24小时售前:400-678-4567
7x24小时售后:0668-2555666
24小时QQ客服
群英微信公众号
CNNIC域名投诉举报处理平台
服务电话:010-58813000
服务邮箱:service@cnnic.cn
投诉与建议:0668-2555555
Copyright © QY Network Company Ltd. All Rights Reserved. 2003-2020 群英 版权所有
增值电信经营许可证 : B1.B2-20140078 ICP核准(ICP备案)粤ICP备09006778号 域名注册商资质 粤 D3.1-20240008