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>

手机号码验证另写。
posted @ 2016-07-25 14:31  薄荷糖ye  阅读(5004)  评论(0编辑  收藏  举报