友友们,圣诞节快乐,有没有给女朋友准备礼物那!!!作为单身狗的我也假装和哥哥去吃了饭,希望明年不是他,哈哈.
言归正传,在最近的一个需求中遇到一个关于手机号码的校验问题,的确难为了作为小白的我,现在整理一下解决思路;
1.需求背景
该需求是关于移动手机号码新号段预约,用户在页面输入自己喜欢的号码来进行预约.我们知道手机号码是11位,其中不同地市都有对应的号段,因此用户输入的只是号码的后四位.
其中,明确要求四重号(例如8888),四连号(1234或4321),这样的靓号不参与预约,那么我们在要在用户输入类似情况时,给予正确的校验,然后给出合适的提示语;
2.思路分析
首先,我想到利用正则来进行校验,但是网络上实在找不到合适的正则;自己又写出出来(原谅菜的我),最后在师傅的指导下,决定采用代码的方式来进行校验;
3.解决方案
首先,获取到尾号值,然后将它分割为数组,然后循环遍历,根据四重号和四连号的特点来进行计数,然后根据计数值来判断是否是四重号或者四连号;
var endPhoneNo = weihao.split("");
var PINum = 0;//递增数量
var DPNum = 0;//递减数量
var DBNum = 0;//递增数量
for(var i = 0;i < (endPhoneNo.length - 1) ; i++){
var curPhoneNo = endPhoneNo[i];
var nextPhoneNo = endPhoneNo[i+1];
if(((curPhoneNo * 1) + 1) == (nextPhoneNo * 1)){//递增四连号
PINum ++ ;
}else if(((curPhoneNo * 1) - 1) == (nextPhoneNo * 1)){//递减四连号
DPNum ++;
}else if(curPhoneNo == nextPhoneNo ){//四重号
DBNum ++;
}
}
if(PINum == 3 || DPNum == 3){
toast("四连号、四重号及以上不支持预约!");
return false;
}else if(DBNum == 3){
toast("四连号、四重号及以上不支持预约!");
return false;
}
// 消息弹出(需要在页面定义div)
function toast(msg) {
$('.toastItem').show().find('span').text(msg);
setTimeout(function() {
$('.toastItem').hide()
}, 1500)
}
谢谢大家,以上是我的解决方案,希望和大家交流更好的方法,给我留言哦!!!