意见箱
恒创运营部门将仔细参阅您的意见和建议,必要时将通过预留邮箱与您保持联络。感谢您的支持!
意见/建议
提交建议

如何用js正则表达式的方法实现禁止input输入空格

来源:恒创科技 编辑:恒创科技编辑部
2024-01-29 11:17:59
在实际应用中,我们有时候会遇到“如何用js正则表达式的方法实现禁止input输入空格”这样的问题,我们该怎样来处理呢?下文给大家介绍了解决方法,希望这篇“如何用js正则表达式的方法实现禁止input输入空格”文章能帮助大家解决问题。



如何用js正则表达式的方法实现禁止input输入空格

input输入框禁止输入空格字符的正则表达式用于防止别人随意乱提交数据,禁止输入空格字符只需要使用js正则表达式即可,无需写任何js函数,如下。

<inputtype="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
上述内容具有一定的借鉴价值,感兴趣的朋友可以参考,希望能对大家有帮助,想要了解更多"如何用js正则表达式的方法实现禁止input输入空格"的内容,大家可以关注恒创科技的其它相关文章。
上一篇: ajax实现上传excel文件的步骤和方法是什么 下一篇: 手机怎么远程登录云服务器?