jquery验证手机号码及格式化的例子

作者：袖梨 2022-06-25

 我们常用的验证手机号码的js

--jquery手机号验证

//手机验证

function isMobil(s) 

{ 

//var reg=/^((13[0-9])|(15[^4,D])|(18[0,5-9]))d{8}$/; 

var reg=/^1d{10}$/;

if (!reg.exec(s)) {

 return false; 

}

return true; 

}

 

 

这里我们来简单罗列下需要注意的问题吧：
* input输入框，只能输入数字；
* 输入过程中下方同步显示所输入的内容；
* 判断输入手机号是否格式正确；
* 判断手机归属地；

1、页面结构









    suchso网站提供 

    





    

                手机号码:

                    javascript:ckphone(this)"

                             onafterpaste="javascript:ckphone(this)" 

                             onchange="javascript:ckphonelast(this)" 

                             onblur="javascript:ckphonelast(this)" />

                    

                       

                      

                        

                      

                    
    ps.bdimg.com/libs/jquery/2.1.4/jquery.min.js">       
对手机号的操作

通过结构代码我们可以简单发现我们相应的操作，比方说录入代码或者粘贴代码等等时

function ckphonelast(n){
    if(n.value.length!=11){
        $('#phone_showtip').html("请输入正确的手机号");
    }else{
        var partten = /^1[3,5,8]d{9}$/; 
        if(partten.test(n.value)){
                ckbelong(n.value);
        }else{//正则判定不是手机号
            $('#phone_showtip').html("请输入正确的手机号");
        }
    }
}
function ckphone(n){
    $('#phone_showtip').html("");
    $("#phone_belong").html("");   
    var ck=false;
    n.value=n.value.replace(/D/g,'');
    if(n.value.length>11){       //只能录入11位数字
        n.value=n.value.substring(0,11);
    }
    if(n.value.length<=3){      //为了显示时前面的表格
        $('#phone_showtip').html(n.value);
    }
    if(n.value.length>3){
        $('#phone_showtip').html(n.value.substring(0,3)).append(" ").append(n.value.substring(3));
    }
    if(n.value.length>7){
        $('#phone_showtip').html(n.value.substring(0,3)).append(" ").append(n.value.substring(3,7)).append(" ").append(n.value.substring(7));
    }
    if(n.value.length==11){
        var partten = /^1[3,5,8]d{9}$/; 
        if(partten.test(n.value)){
                ck=true;
        }else{//正则判定不是手机号
            $('#phone_showtip').html("请输入正确的手机号");
        }
    }
    if(ck){
        ckbelong(n.value);
    }
}

相关文章

精彩推荐