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框默认获得焦点,回车选中输入文本
项目中遇到的需求: 输入框默认获取焦点,回车后选中文本信息 <input ref="code" type="text" @keyup.enter=&quo ...
vue,原生html—input框输入银行卡4位分开、手机号344分隔
vue,原生html-input框输入银行卡4位分开.手机号344分隔效果图: 1.uni-app写input框 (注意type类型不能为number,这是一个坑,我理解到-数字框只能输入数字不能显 ...
完美解决vue项目中弹出框滑动时，内部页面也跟着滑动问题
完美解决vue项目中弹出框滑动时,内部页面也跟着滑动问题参考文章: (1)完美解决vue项目中弹出框滑动时,内部页面也跟着滑动问题 (2)https://www.cnblogs.com/qhanti ...
VUE 表单input 框使用@blur事件
** VUE 表单input 框使用@blur事件 input 框失去焦点 ,便会触发定义的方法 form表单代码 <el-form-item label="身份证号码:" ...
vue项目下拉框内容过长做一个滚动条的效果
vue项目下拉框内容过长做一个滚动条的效果如下图: 关键代码如下:
Vue Element 去除input前后空格
在el-input中可以使用v-model.trim来去除内容中的前后空格 <el-input type="textarea" placeholder="请输入内容 ...
去除input框点击后的一圈样式_去除input边框 input去除边框去除input获取焦点时的蓝色外边框...
去除input的边框 input{text-indent: 1em;} #search1{ } #search2{ border-width: 0; } #search3{ border:1px so ...
vue input只能输入正整数_前端开发：Vue中获取input输入框值的方法
在前端开发过程中,会用到各种各样的基础组件,一些常用的组件的使用方法一定要滚熟于心,对于刚入门的新手来说,对基础知识的熟练掌握很重要,如果不熟练就会影响开发速度.那么本篇博文就来分享一个比较基础的知识 ...
Vue中实现input框长度自动适应文本长度
在公司业务中遇到这样一种情形: 需要根据input框里内容来实时改变input框的长度,否则input过长会影响拖拽,过短则会导致内容显示不全. <input:id="index&qu ...

VUE 项目去除 input 框值所有空格

VUE 项目去除 input 框值所有空格相关推荐

最新文章

热门文章

VUE 项目去除 input 框值 所有空格

VUE 项目去除 input 框值 所有空格相关推荐

最新文章

热门文章

VUE 项目去除 input 框值所有空格

VUE 项目去除 input 框值所有空格相关推荐