我是靠谱客的博主 优秀诺言,这篇文章主要介绍VUE 项目去除 input 框值 所有空格,现在分享给大家,希望可以做个参考。

去除空格的方法

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

正则:

复制代码
1
2
str.replace(/s*/g,"")
复制代码
1
2
3
4
str.replace(/ +/g, ""); // 去除 空格 str.replace(/[rn]/g, ""); // 去除 换行符 str.trim(); // 去除 前后空格

element ui 写法

复制代码
1
2
3
4
5
username: [ { required: true, message: '请输入用户名', transform: value => value ? value.trim() : '', trigger: 'blur' }, { required: true, max: 10, message: '请输入10位以内字符', trigger: 'blur' } ],

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

复制代码
1
2
<el-input v-model.trim="value"></el-input>

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

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

复制代码
1
2
3
4
5
6
7
clearBlank(value){ if(value){ value = value.replace(/s/g,"") } return value }

希望对你们有帮助 成功取决于你的坚持 如果你是刚入门可以关注作者。

最后

以上就是优秀诺言最近收集整理的关于VUE 项目去除 input 框值 所有空格的全部内容,更多相关VUE内容请搜索靠谱客的其他文章。

本图文内容来源于网友提供,作为学习参考使用,或来自网络收集整理,版权属于原作者所有。
点赞(79)

评论列表共有 0 条评论

立即
投稿
返回
顶部