<el-input v-model="loginform.username" clearable type="tel" placeholder="手机号码" maxlength="13" @keyup.native="addBlank($event)"></el-input> //vue+element-ui写的。 maxlength="13" 手机号11位加上2个空格。就是13位
//添加空格//获取手机号长度3+4+4中间加号是空格
addBlank(e){
//输入时每次重置所有空格并重新增加空格,会对客户端浏览器性能有一定影响,但是比较简便
if(e.keyCode!=8){ //8是指删除的时候回退键。如果不写这个可能导致删除了空格走到了3,或者8位,又自动添加了一个空格,删除这个空格时出错永远删除不了。
//重置所有空格
this.loginform.username = this.loginform.username.replace(/\ /g,"");先把所有的空格去掉。
//在第三个字符后插入空格
if(this.loginform.username.length >= 3)this.loginform.username = this.insert_flg(this.loginform.username," ",3);
//在第八个字符后插入