返回顶部
首页 > 资讯 > 前端开发 > JavaScript >VUE项目去除input框值所有空格的操作方法
  • 669
分享到

VUE项目去除input框值所有空格的操作方法

vue去除空格vueinput去除空格 2022-11-13 18:11:23 669人浏览 独家记忆
摘要

去除空格的方法 str.trim(); //去掉首尾空格 str.replace(" ",""); //去除所有空格,包括首尾、中间 str.replaceAll(" ",

去除空格的方法

str.trim(); //去掉首尾空格
str.replace(" ",""); //去除所有空格,包括首尾、中间
str.replaceAll(" ", ""); //去掉所有空格,包括首尾、中间
str.replaceAll(" +","");  //去掉所有空格,包括首尾、中间
str.replaceAll("\\s*", ""); //可以替换大部分空白字符, 不限于空格 

正则:

str.replace(/\s*/g,"")
str.replace(/\ +/g, "");    // 去除 空格
str.replace(/[\r\n]/g, "");    // 去除 换行符
str.trim(); // 去除 前后空格

element ui 写法

username: [
      { required: true, message: '请输入用户名', transfORM: value => value ? value.trim() : '', trigger: 'blur' },
      { required: true, max: 10, message: '请输入10位以内字符', trigger: 'blur' }
    ],

一般如果是输入框的话,直接禁用空格即可,我们已知的可能是直接调用trim方法即可,但是在使用element ui 时,可以直接在输入框上设置trim,会比提交后再调用trim方法实用的多

<el-input v-model.trim="value"></el-input>

如上图所示,直接在v-model上加trim输入框就无法输入空格了

当然如果非要用正则方式去去除空格也是可以的

clearBlank(value){
    if(value){
        value = value.replace(/\s/g,"")
    }
    return value
}

Vue 项目 去除 input 框值 所有空格、vue 组件去除空格、input 去除空格

1.以下所有方法 我都试过:不行。

str.trim(); //去掉首尾空格
str.replace(" ",""); //去除所有空格,包括首尾、中间
str.replaceAll(" ", ""); //去掉所有空格,包括首尾、中间
str.replaceAll(" +","");  //去掉所有空格,包括首尾、中间
str.replaceAll("\\s*", ""); //可以替换大部分空白字符, 不限于空格 ;

2. 改用正则: 

str.replace(/\s*/g,"")

运行成功,特别记录下下。 

--------------------------------- 我是傻傻的分隔线 -----------------------------------------

2019.5.9 补充:

str.replace(/\ +/g, "");    // 去除 空格
str.replace(/[\r\n]/g, "");    // 去除 换行符
str.trim(); // 去除 前后空格

到此这篇关于VUE 项目去除 input 框值所有空格的文章就介绍到这了,更多相关vue去除空格内容请搜索编程网以前的文章或继续浏览下面的相关文章希望大家以后多多支持编程网!

--结束END--

本文标题: VUE项目去除input框值所有空格的操作方法

本文链接: https://lsjlt.com/news/170155.html(转载时请注明来源链接)

有问题或投稿请发送至: 邮箱/279061341@qq.com    QQ/279061341

猜你喜欢
软考高级职称资格查询
编程网,编程工程师的家园,是目前国内优秀的开源技术社区之一,形成了由开源软件库、代码分享、资讯、协作翻译、讨论区和博客等几大频道内容,为IT开发者提供了一个发现、使用、并交流开源技术的平台。
  • 官方手机版

  • 微信公众号

  • 商务合作