需求:在input框中输入手机号要求显示用空格分隔成 "xxx-xxxx-xxxx"的格式
解决方法:在 input 的上添加监听事件,如 onkeyup(原生input标签) 或 onchange(某些第三方组件),对输入的内容进行处理再显示出来。
笔者采用的是Elemrnt UI 的 input 组件,监听事件为input

<el-inputv-model="mobile"placeholder="请输入手机号"type="tel"clearable@input="validateMobile"
></el-input>

处理手机字符串的方法 如下:

validateMobile(val) {let len=val.length;let reg = new RegExp("\\s","g");let mobile_ = "";let mobile=val;//去掉空格mobile = mobile.replace(reg,"");for(let i = 0;i < len;i++){if(i == 2||i == 6){mobile_ = mobile_ + mobile.charAt(i) + " ";}else{mobile_ = mobile_ + mobile.charAt(i);}}this.mobile = mobile_;}

同理可将手机号用其他分隔符,如“-”等,按照其他格式分隔。

手机号分隔成344的格式相关推荐

  1. 手机号加密成7位“随机字符串”

    一.业务场景 需要将手机号作为用户标识,附加在短信后面进行埋点统计:统计用户数与点击数 二.核心思想 将手机号作为二进制字符串,平均分成5份,每份二进制字符串长度为7,2的7-1次方,不超过127,因 ...

  2. java 千分位格式话_Java 字符串小数转成千分位格式

    java中需要将字符串小数转成千分位格式显示,如下代码,原理是使用正则表达式对整数位进行千分位格式化,然后小数位拼接起来.为什么要这么麻烦的处理,是因为在android程序中使用的NumberForm ...

  3. RSA的密钥把JAVA格式转换成C#的格式

    RSA算法在C#与JAVA之前的交互 在JAVA生成一对RSA私钥和公钥的时候,是以下的形式给到C#去调用: string publickey = @"MIGfMA0GCSqGSIb4DQE ...

  4. 将pdf转换html_pdf文件怎么转换成html网页格式?用什么方法来转换?

    pdf转换成html已经是日常工作很常见的需求了,如果你还在手动转换,不仅耗时间而且又不准确这样我们的效率往往会最低,掌握快速将pdf文件转html网页的巧妙方法可以大大提高我们的工作效率这样我们就可 ...

  5. 将*.STL转换成顶点索引格式

    将*.STL转换成顶点索引格式 *.stl的格式很简单,某一个片断如下: solid ascii   facet normal 0.000000e+000 0.000000e+000 1.000000 ...

  6. java实现原数组根据下标分隔成两个子数组并且在原数组中交换两个子数组的位置...

    此类实现: 输出一行数组数据,根据输入的下标,以下标位置为结束,将原数组分割成两组子数组. 并交换两个子数组的位置,保持子数组中的元素序号不变. 如:原数组为7,9,8,5,3,2 以下标3为分割点, ...

  7. 汇编语言-012(扩展加法指令ADC、带借位减法指令SBB、执行加法后进行ASCII调整指令、AAS 、AAM、AAD 、DAA指令将和数转成压缩十进制格式)

    1:ADC : 扩展加法指令ADC .386 .model flat,stdcall.stack 4096 ExitProcess PROTO,dwExitCode:DWORD.code main P ...

  8. 怎么把pdf转换为html,如何将PDF转换成HTML网页格式呢?

    原标题:如何将PDF转换成HTML网页格式呢? 现在很多在校程序学生们时常在思考怎么对HTML网页进行编译以呈现出想要展现的内容.但是HTML犹如我们外语学习一样,一个网页有很多的HTML文件,超文本 ...

  9. 将指定路径下的所有SVG文件导出成PNG等格式的图片(缩略图或原图大小)

    原文:将指定路径下的所有SVG文件导出成PNG等格式的图片(缩略图或原图大小) WPF的XAML文档(Main.xaml): <Window x:Class="SVG2Image.Ma ...

最新文章

  1. PhalGo-Request
  2. OpenCV捕获正弦波模式
  3. 使用内存映射文件获取巨大的矩阵
  4. 小说网站程序源码 自动采集 SEO优化
  5. 牛客 - 17968 - xor序列 - 线性基
  6. weblogic12升级jdk_如何修改WEBLOGIC的JDK版本
  7. python把数字阿拉伯数字转换成中文10以内_Python实现把数字转换成中文
  8. SpringMVC源码阅读:定位Controller
  9. Silverlight与微软技术:微软抛弃Silverlight了吗?
  10. 保险数据管理学会IDMA简介
  11. linux邮件报警命令,linux 邮件报警,监控内存cup
  12. paranoid用法
  13. 如何保养笔记本的电池
  14. 前端三刺客---CSS
  15. 985毕业,沪漂10年,月薪4w,我却活得一地鸡毛
  16. HBuildx中使用vant的ui框架
  17. pixel手机升系统
  18. 你的Java代码对JIT编译友好么?
  19. 武汉高职高专计算机专业分数线,武汉职业技术学院录取投档线
  20. Vue服务端渲染-路由相关

热门文章

  1. favicon.ico使用方式
  2. ExcelWriter类:用to_excel时不覆盖之前的Excel表
  3. nodejs爬虫与php爬虫,nodejs爬虫初试superagent和cheerio
  4. C语言system函数
  5. C++调用Java方法
  6. MIPI之DBI\DPI\DSI\DCS简介
  7. 王垠:不再推荐 Haskell
  8. 微信小程序后台位置信息wx.onLocationChange实现间隔上报
  9. 强化学习(DDPG,AC3,DPPO)
  10. VirtualBox虚拟机 给Ubuntu扩容