Vue手机号正则匹配姓名加密展示功能的实现
作者：HqL丶1024
这篇文章主要介绍了Vue手机号正则匹配，姓名加密展示,本文通过实例代码给大家介绍的非常详细，对大家的学习或工作具有一定的参考借鉴价值，需要的朋友可以参考下
一丶手机号
（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手机号正则匹配内容请搜索脚本之家以前的文章或继续浏览下面的相关文章希望大家以后多多支持脚本之家！