如何用js正则表达式的方法实现禁止input输入空格
Admin 2022-09-24 群英技术资讯 1933 次浏览
<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进行举报,并提供相关证据,查实之后,将立刻删除涉嫌侵权内容。
猜你喜欢
JS怎样实现移动端的拖动效果?移动端的拖动元素的效果想必大家应该都很熟悉,那么这个效果是怎样做的呢?下面我们就来看看用JS实现移动端拖动元素的具体代码。
微信小程序中的下拉框怎样做?在实际的项目中,我们常会遇到实现下拉框效果的需求,今天我们就来了解一下怎样做一个简单的小程序中的select下拉框,这里使用到的是transform过渡,实现效果及代码如下。
这篇文章给大家分享的是有关vue三级联动实现的内容,具体介绍了省市区三级联动的实现以及代码,小编觉得比较有趣,因此分享给大家做个参考,感兴趣的朋友就跟随小编一起来看看吧。
这篇文章主要为大家详细介绍了微信小程序复选框组件使用,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
这篇文章主要教大家用原生JavaScript开发一个简易计算器,理解js计算器的开发步骤,对于我们学习和掌握JavaScript基础的数字运算能力也是有所帮助的,下面我们就来具体看看如何实现。
成为群英会员,开启智能安全云计算之旅
立即注册Copyright © QY Network Company Ltd. All Rights Reserved. 2003-2020 群英 版权所有
增值电信经营许可证 : B1.B2-20140078 粤ICP备09006778号 域名注册商资质 粤 D3.1-20240008