如何用js正则表达式的方法实现禁止input输入空格
Admin 2022-09-24 群英技术资讯 2334 次浏览
在实际应用中,我们有时候会遇到“如何用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进行举报,并提供相关证据,查实之后,将立刻删除涉嫌侵权内容。
猜你喜欢
强制转换方法:1、调用toString()方法,语法“要转换的数据对象.toString()”;2、调用String()函数,语法“String(要转换的数据)”;3、使用“+”符拼接字符串,语法“要转换的数据 + ""”。
目录如何实现在当前表格直接更改数据需求效果如下具体做法useState修改对象的字段如何实现在当前表格直接更改数据需求用户点击修改按钮时直接在弹出框的当前页面内直接再次修改点击行相关信息:效果如下点击修改当事人信息时,直接将当前改为输入框,并将信息展示,同时操作栏内的内容变为保存和取消;具体做法我这里是使用的antd组
这篇文章主要介绍的是 vue定义私有过滤器和基本使用,下面文章围绕vue定义私有过滤器的相关资料展开内容,需要的朋友可以参考一下,希望对大家有所帮助
这篇文章主要介绍JS中的new,new 运算符创建一个用户定义的对象类型的实例或具有构造函数的内置对象的实例。下面我们一起来看看我呢很脏具体内容的详细介绍,需要的朋友可以参考一下
本篇文章带大家了解一下Angular中的变更检测,先从一个小的示例入手,然后逐步展开深入聊聊变更检测,希望对大家有所帮助!
成为群英会员,开启智能安全云计算之旅
立即注册关注或联系群英网络
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备09006778号 域名注册商资质 粤 D3.1-20240008