duty:用户名是手机号显示空格

前端之家收集整理的这篇文章主要介绍了duty:用户名是手机号显示空格前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

任务:用户登录时输入的如果是手机号,则分开显示,如:18800000339->188 0000 0339

代码

用户名:<input type="text" placeholder="电话号码/邮箱/用户名" class="J_name">
<br>
        name:<a></a>

js:
   $(function(){
        $(".J_name").blur(function(){//失去焦点
            var str = $(this).val();
            var re = /^1\d{10}$/;//1开头,11位数字
            var v;
            if (re.test(str)) {
                var str1 = str.substr(0,3);
                var str2 = str.substr(3,4);
                var str3 = str.substr(7,4);
                v = str1+" "+str2+" "+str3;
            }else {
                v = str.replace(/[ ]/g,"");//去空格
            }
            $('.J_name').val(v);
            $("a").text(function () {
                return v.replace(/[ ]/g,"");
            })
        });
    })
效果


2015.5.20前应用到这里: http://www.guahao.com/user/login?target=%2F
原文链接:https://www.f2er.com/regex/360454.html

猜你在找的正则表达式相关文章