【js手机号码正则表达式】js实现显示手机号码效果

【www.bbyears.com--正则表达式】

效果图：

代码如下：

<script>

window.onload=function(){

    var $numInfo=document.getElementById('num_info'),

        $num=document.getElementById('num'),

        _val,_val1,_val2;

    $num.onkeyup=function(){

        var val=this.value=this.value.replace(/[^\d]/g,''),

            len=val.length;   

        if(val!=''){$numInfo.style.display='block';}

        if(len<=3){

            _val=_val1= val.substr(0,3);

        }

        else if(len>3&&len<=7){

            _val=_val2=_val1+"-"+val.substr(3,len);

        }

        else if(len>7){

            _val=_val2+'-'+val.substr(7,len);

        }

        $numInfo.innerHTML=_val;

    }

    $num.onblur=function(){

        $numInfo.style.display='none';       

    }

}

</script>

本文来源：http://www.bbyears.com/aspjiaocheng/130122.html