养生 装修 购物 美食 感冒 便秘 营销 加盟 小吃 火锅 管理 创业 搭配 减肥 培训 旅游

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

时间:2024-10-02 16:28:55

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

工具/原料

ThinkpadS2

win10

HBuilderX3.4

方法/步骤

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

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

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

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

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

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

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

© 一点知识