怎么实现手机号码像123 4444 5555 这样的格式

分类：HTML5+

2016-07-26 17:11 负责人:无分享

5 个回复

丿疾风

<input type="text" maxlength="13" oninput="format(this)">  
<script>  
    function format(that){  
        var mobile =that.value.replace(/\s+/g,"");  
        var firstpart = mobile.substring(0,3);  
        var secondpart = mobile.substring(3,7);  
        var threepart = mobile.substring(7,11);  
        if(mobile.length>3&&mobile.length<7){  
            that.value = firstpart+" "+secondpart  
        }else if(mobile.length>7&&mobile.length<12){  
            that.value = firstpart+" "+secondpart+" "+threepart  
        }  
    }  
</script>

小巽 - 一个只会js不会css的渣渣～

粗暴点，先将号码去空格，然后在相应的位置插入空格～

z***@xindun.org (作者)

亲，你这样简介我怎么知道怎么插入

2016-07-26 17:56
小巽

value= value.replace(/\s+/g,'');

value = value.substring(0, 4) + "&ensp;" + value.substring(4, 8) + "&ensp;" + value.substring(8);

最粗暴的方法了～^_^

2016-07-26 18:04

赵梦欢 - 专注前端，乐于分享！

最近github上有个库很火，专门就是做这个事的，你不妨看看：https://github.com/nosir/cleave.js

z***@xindun.org (作者)

不要库要自己写

2016-07-26 17:55
赵梦欢

回复 z***@xindun.org:那你自己用正则写呗！

2016-07-26 17:56
z***@xindun.org (作者)

我可以给你看一下我写的代码就是有问题；格式能显示出来就是删不掉

2016-07-26 17:57
z***@xindun.org (作者)

我就是用正则写的啊，有问题啊....

2016-07-26 17:58
z***@xindun.org (作者)

回复赵梦欢:/\S{5}/.test(v) && $this.val(v.replace(/\s/g, '').replace(/(.{4})/g, "$1 "));

2016-07-26 18:00

wooohos

var formatMobile = function(mobile) {  
    return mobile.substr(0, 3) + " " + mobile.substr(3, 4) + " " +mobile.substr(7);  
}

z***@xindun.org (作者)

<p>
<input type="text" maxlength="13" placeholder="请输入电话号码" id="text" />
</p>
<script type="text/javascript">
var text = document.getElementById("text");
text.onkeyup=function(){
var textValue=text.value;
if(textValue.length==3 || textValue.length==8){
text.value=textValue+" ";
}
}
</script>

//输入进去有字段；但删除一定的字段就删不掉了

该问题目前已经被锁定, 无法添加新回复

怎么实现手机号码像123 4444 5555 这样的格式

5 个回复

公告

相关问题

怎么实现手机号码像123 4444 5555 这样的格式

与内容相关的链接

5 个回复

公告

相关问题