js手机号码验证以及隐藏中间四位数字

愚人节要上班，一点要放小长假的感觉都没有，清明三天本来打算去爬黄山，公司通知说是4.15号去春游，要徒步15公里，我有点心疼我的腿，想想还是放弃了黄山行。

夏天就要来了，从去年夏天来上海开始工作后，我胖了12斤，所以最近一直在运动，希望能在夏天继续穿上小裙裙~~~

                                                              

下面言归正传，

相信大家都有遇到这样的情况，登录之后，

这边手机号是要隐藏掉中间四位或者五位，比如：

下面我们来做一个这样的demo

页面显示：

 <input type="text" id="myText" placeholder="手机号">
 <input type="button" value="隐藏" id="subBtn">

js部分：

    $("#subBtn").click(function() {
      if ($("#myText").val() == "") {
        alert("手机号码不能为空")
      } else {
        if (iphoneCheck(myText)) {
          var phone = $("#myText").val();
          var myphone = phone.substr(3, 4);
          var lphone = phone.replace(myphone, "****");
          $("#myText").val(lphone);
        } else {
          alert("请输入正确的手机号码")
        }
      }

      function iphoneCheck(id) {
        var temp = document.getElementById("myText");
        var re = /^1\d{10}$/; //手机号码验证正则表达式
        if (re.test(temp.value)) {
          return true;
        } else {
          return false;
        }
      }
    });

注：在一开始我们手机号正则都是这样写：/^[1][34587]\d{9}$/，

但是在做测试的时候，为了不会发验证短信到真实用户手机上，我们统一会换成新正则/^1\d{10}$/。

后续会出一新博客，整理一下常用的正则表达式~

运行结果：

*************************************************分割线************************************************************

拓展：

银行卡号的隐藏：

bankNo.replace(/^(\d{4})\d+(\d{4})$/, '**** **** **** $2');