我的编程空间,编程开发者的网络收藏夹
学习永远不晚

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

短信预约 -IT技能 免费直播动态提醒
省份

北京

  • 北京
  • 上海
  • 天津
  • 重庆
  • 河北
  • 山东
  • 辽宁
  • 黑龙江
  • 吉林
  • 甘肃
  • 青海
  • 河南
  • 江苏
  • 湖北
  • 湖南
  • 江西
  • 浙江
  • 广东
  • 云南
  • 福建
  • 海南
  • 山西
  • 四川
  • 陕西
  • 贵州
  • 安徽
  • 广西
  • 内蒙
  • 西藏
  • 新疆
  • 宁夏
  • 兵团
手机号立即预约

请填写图片验证码后获取短信验证码

看不清楚,换张图片

免费获取短信验证码

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

去除空格的方法

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去除空格内容请搜索编程网以前的文章或继续浏览下面的相关文章希望大家以后多多支持编程网!

免责声明:

① 本站未注明“稿件来源”的信息均来自网络整理。其文字、图片和音视频稿件的所属权归原作者所有。本站收集整理出于非商业性的教育和科研之目的,并不意味着本站赞同其观点或证实其内容的真实性。仅作为临时的测试数据,供内部测试之用。本站并未授权任何人以任何方式主动获取本站任何信息。

② 本站未注明“稿件来源”的临时测试数据将在测试完成后最终做删除处理。有问题或投稿请发送至: 邮箱/279061341@qq.com QQ/279061341

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

下载Word文档到电脑,方便收藏和打印~

下载Word文档

猜你喜欢

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

这篇文章主要介绍了VUE项目去除input框值所有空格的操作方法,主要包括去除空格的方法、正则和elementui写法,本文给大家讲解的非常详细,对大家的学习或工作具有一定的参考借鉴价值,需要的朋友可以参考下
2022-11-13

Python中常见字符串去除空格操作的方法有哪些

这篇文章将为大家详细讲解有关Python中常见字符串去除空格操作的方法有哪些,小编觉得挺实用的,因此分享给大家做个参考,希望大家阅读完这篇文章后可以有所收获。1:strip()方法去除字符串开头或者结尾的空格>>> a = " a b c
2023-06-25

编程热搜

目录