如何去除input文本框输入时的前后空格?

学识吧 2022-03-02 13:40:51 262阅读

Hello!大家好,我是阿广,今天小编来分享一下“如何去除input文本框输入时的前后空格?”这篇文章,我们每天分享有用的知识,下面小编就来分享一下吧,大家一起来学习吧!(⊃‿⊂)

原料/工具

ThinkpadS2

win10

HBuilder X3.4

方法/步骤

第1步

我们先用代码编辑器添加一个文本框,在没有限制之前,空格是可以输入的,如下图:

如何去除input文本框输入时的前后空格? 第1张

如何去除input文本框输入时的前后空格? 第2张

第2步

然后我们在文本框中加入一个onkeyup事件:οnkeyup="this.value=this.value.replace(/^\s+|\s+$/g,’’)",用来去除输入的空格,如下图:

如何去除input文本框输入时的前后空格? 第3张

第3步

我们在浏览器里再试试,发现只要在输入字符加上空格,文本框就会自动清除掉这些空格,非常的实用。

如何去除input文本框输入时的前后空格? 第4张

温馨提示

以上就是“如何去除input文本框输入时的前后空格?”的全部内容了,小编已经全部分享给大家了,希望大家能学到新的知识!最后,小编希望以上分享的内容对大家有所帮助,如果觉得还不错就给小编点个赞吧!(⊃‿⊂)

目录[+]