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!

推薦閱讀: