js如何去掉输入框空字符串

我们在input、textarea等输入内容时，通常需要去除首尾留空以及不能输入空格的情况，一般会用到哪些方法呢？本文将为大家介绍几种常见的方案。

利用trim 方法

trim() 是最常用的方法之一也是最方便的方法

var str="             666  ";
	
console.log(str.trim()); // 去空字符
console.log(str); // 666

过滤空格

1、过滤字符串两边的空格
   str = $.trim(str)
   
2、过滤所有空格
   str = str.replace(/ /g,'')

使用正则过滤

利用正则表达式的方式直接过滤掉空格

let req = /^[\s\uFEFF\xA0]+|[\s\uFEFF\xA0]+$/g
let str = "   wuhan   "

str.replace(req,"") // wuhan

console.log(str,111111111);
console.log(str.replace(/^\s*/g,''),'去掉左边空格');
console.log(str.replace(/\s*$/g,''),'去掉右边空格');
console.log(str.replace(/^\s*|\s*$/g, ''),'去掉首尾空格');
console.log(str1.replace(/\s*/g,""),'去掉所有空格(包含中间空格)');

简单解释：

^：以什么开头；

$：以什么结尾；

*：匹配 0 次或多次；

\s：匹配任何空白字符；

|：简单理解为  或；

代码中就可以简单解释为：

1、以空白字符开头，匹配多次；（去掉左边空格）

2、以空白字符结尾，匹配多次；（去掉右边空格）

3、以空白字符开头，匹配多次  或  以空白字符结尾，匹配多次；（去掉首尾空格）

4、匹配空白字符多次；（去掉空格，包含中间空格）

在vue中过滤空字符串

vue中输入时过滤空字符串其实也比较简单，下面就是案例

value=""
<input
    v-model="value"
    @input="value == this.value.trim()"
>

上面的代码在vue中可实现不能输入空格。

以上就是本文的主要内容，关于过滤空字符串的几种方法。