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');