input框输入手机号码分隔显示

在input框输入手机号码时，自动加入空格按照3，4，4位显示，如：

实现方法如下：

<label>手机号码</label>
<input type="text" id="category">

<script>

$("#category").keyup(function(){
    var len=$("#category").val().length;
    var reg = new RegExp("\\s","g");
    var mobile_ = "";
    var mobile=$("#category").val();
//  去掉空格
    mobile = mobile.replace(reg,"");
    for(var i = 0;i < len;i++){
        if(i == 2||i == 6)
        {
            mobile_ = mobile_ + mobile.charAt(i) + " ";
        }
        else
        {
            mobile_ = mobile_ + mobile.charAt(i);
        }

    }
    $("#category").attr("value",mobile_);

});

</script>

手机号码验证另写。

巴特西

input框输入手机号码分隔显示

最新文章

热门文章