如何用js正则表达式的方法实现禁止input输入空格
Admin 2022-09-24 群英技术资讯 2921 次浏览
在实际应用中,我们有时候会遇到“如何用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全局水印的方法,下文有详细的实例供大家参考,感兴趣的朋友就跟随小编一起来学习一下吧。
小程序生命周期和WXS相关知识有哪些,怎样用的?有不少朋友对此感兴趣,下面小编给大家整理和分享了相关知识和资料,易于大家学习和理解,有需要的朋友可以借鉴参考,下面我们一起来了解一下吧。
这篇文章主要介绍了javaScript 事件冒泡,事件捕获和事件委托的相关资料,需要的朋友可以参考下,希望能够给你带来帮助
目录在data中引入图片正确路径1.通过import引入路径才行2.通过require更方便3.在ui上直接动态也要通过requirevue引入图片路径问题方法一方法二在data中引入图片正确路径今天踩的坑给分享出来。本来想要在横版遍历图片出来在vue中自己做轮播,结果发现在data中直接引入路径是渲染不出来的。原因是
这篇文章给大家分享的是怎样使用vue做一个价格日历效果的代码。在日历上能一目了然的看到每人的费用价格记录是多少,小编觉得挺有趣的,因此分享给大家做个参考,感兴趣的朋友就接着看吧。
成为群英会员,开启智能安全云计算之旅
立即注册关注或联系群英网络
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