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

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

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

代码

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

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


2015.5.20前应用到这里: http://www.guahao.com/user/login?target=%2F

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