Vue手機(jī)號(hào)正則匹配姓名加密展示功能的實(shí)現(xiàn)
一丶手機(jī)號(hào)
(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 模板字符串的話(huà),可以不用+號(hào)做拼接 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) + "*"; // 通過(guò)substr截取字符串從第0位開(kāi)始截取,截取1個(gè) } else if (name.length > 2) { // 當(dāng)名字大于2位時(shí) let char = ""; for (let i = 0, len = name.length - 2; i < len; i++) { // 循環(huán)遍歷字符串 char += "*"; } newStr = name.substr(0, 1) + char + name.substr(-1, 1); } else { newStr = name; } return newStr; }, },
到此這篇關(guān)于Vue手機(jī)號(hào)正則匹配姓名加密展示功能的實(shí)現(xiàn)的文章就介紹到這了,更多相關(guān)Vue手機(jī)號(hào)正則匹配內(nèi)容請(qǐng)搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家!
相關(guān)文章
vue+element加入簽名效果(移動(dòng)端可用)
這篇文章主要介紹了vue+element加入簽名效果(移動(dòng)端),本文通過(guò)實(shí)例代碼給大家介紹的非常詳細(xì),具有一定的參考借鑒價(jià)值,需要的朋友可以參考下2019-06-06VUE使用router.push實(shí)現(xiàn)頁(yè)面跳轉(zhuǎn)和傳參方式
這篇文章主要介紹了VUE使用router.push實(shí)現(xiàn)頁(yè)面跳轉(zhuǎn)和傳參方式,具有很好的參考價(jià)值,希望對(duì)大家有所幫助,如有錯(cuò)誤或未考慮完全的地方,望不吝賜教2024-01-01基于Vue3和element-plus實(shí)現(xiàn)登錄功能(最終完整版)
這篇文章主要介紹了基于Vue3和element-plus實(shí)現(xiàn)一個(gè)完整的登錄功能,本文結(jié)合示例代碼給大家介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值,需要的朋友可以參考下2023-03-03vue與TypeScript集成配置最簡(jiǎn)教程(推薦)
本篇文章主要介紹了vue與TypeScript集成配置最簡(jiǎn)教程(推薦),具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2017-10-10對(duì)Vue.js之事件的綁定(v-on: 或者 @ )詳解
今天小編就為大家分享一篇對(duì)Vue.js之事件的綁定(v-on: 或者 @ )詳解,具有很好的參考價(jià)值,希望對(duì)大家有所幫助。一起跟隨小編過(guò)來(lái)看看吧2018-09-09el-form的label和表單自適應(yīng)填滿(mǎn)一行且靠左對(duì)齊方式
這篇文章主要介紹了el-form的label和表單自適應(yīng)填滿(mǎn)一行且靠左對(duì)齊方式,具有很好的參考價(jià)值,希望對(duì)大家有所幫助。如有錯(cuò)誤或未考慮完全的地方,望不吝賜教2022-10-10