您现在的位置是:网站首页> 编程资料编程资料
Vue手机号正则匹配姓名加密展示功能的实现_vue.js_
2023-05-24
351人已围观
简介 Vue手机号正则匹配姓名加密展示功能的实现_vue.js_
一丶手机号
(1)正则匹配
if (!/^1[3|4|5|6|7|8|9]\d{9}$/.test(13807999985)) { console.log(resultPhone);//138****9985(2)substr截取
var phone = "17610603529"; var mphone = phone.substr(0, 3) + "****" + phone.substr(7); // 如果用 Es6 模板字符串的话,可以不用+号做拼接 var phone = "17610603529"; var mphone = `${phone.substr(0, 3)}****${phone.substr(7)}`; console.log(mphone); 二丶姓名
(1)substr 截取
activated() { console.log(this.formatName("王八肚")); // 王** }, methods: { formatName(name) { let newStr; if (name.length === 2) { newStr = name.substr(0, 1) + "*"; // 通过substr截取字符串从第0位开始截取,截取1个 } else if (name.length > 2) { // 当名字大于2位时 let char = ""; for (let i = 0, len = name.length - 2; i < len; i++) { // 循环遍历字符串 char += "*"; } newStr = name.substr(0, 1) + char + name.substr(-1, 1); } else { newStr = name; } return newStr; }, }, 到此这篇关于Vue手机号正则匹配姓名加密展示功能的实现的文章就介绍到这了,更多相关Vue手机号正则匹配内容请搜索以前的文章或继续浏览下面的相关文章希望大家以后多多支持!
相关内容
- TypeScript中extends的正确打开方式详解_JavaScript_
- react父组件调用子组件的方式汇总_React_
- 小程序获取用户信息的两种方法详解(getUserProfile和头像昵称填写)_javascript技巧_
- vue渲染大量数据时卡顿卡死解决方法_javascript技巧_
- react电商商品列表的实现流程详解_React_
- TypeScript中类型兼容性的示例详解_javascript技巧_
- Vue引入echarts方法与使用介绍_vue.js_
- 一文详解Vue的响应式原则与双向数据绑定_vue.js_
- UniApp开发H5接入微信登录的全过程_javascript技巧_
- Node.js实现前端后端数据传输加密解密_node.js_
