位置:首页 > web前端 > javascript

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

dearweb 发布:2021-10-16 11:34:15阅读:

我们在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中可实现不能输入空格。

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

24人点赞 返回栏目 分享一波

小礼物走一波,支持作者

还没有人赞赏,支持一波吧

留言 评论仅代表网友个人 留言列表

暂无留言,快来抢沙发吧!

手机扫码查看 手机扫码查看