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手機號正則匹配內容請搜索WalkonNet以前的文章或繼續瀏覽下面的相關文章希望大傢以後多多支持WalkonNet!
推薦閱讀:
- js字符串分割處理的幾種方法(6種)
- pandas實現手機號號碼中間4位匿名化的示例代碼
- vue中activated的用法
- vue3緩存頁面keep-alive及路由統一處理詳解
- JS字符串分割方法整理匯總示例講解(3種截取方法和6個輔助方法)