jQuery实现手机号正则验证输入及自动填充空格功能

2019-11-16,,,,,,,

本文实例讲述了jQuery实现手机号正则验证输入自动填充空格功能。分享给大家供大家参考,具体如下:

先来看看运行效果(在删除时连删即可):

具体代码:

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>Document</title>
</head>
<body>
  <input type="text" id="inp">
  <script src="jquery-1.12.3.min.js"></script>
  <script>
    $(function(){
      $("#inp").keyup(function(){
      /*
      手机号验证时:
       var pattern = /^1[3|4|5|7|8]\d{1}\s\d{4}\s\d{4}$/;
      pattern.test(str);
      */
        _self = $(this);
        if(_self.val().length == 3 || _self.val().length == 8){
          var str = _self.val()+" ";
          _self.val(str);
        }
      });
    });
  </script>
</body>
</html>

PS:这里再为大家提供2款非常方便的正则表达式工具供大家参考使用:

JavaScript正则表达式在线测试工具:
http://tools.kunjuke.com/regex/javascript

正则表达式在线生成工具:
http://tools.kunjuke.com/regex/create_reg

更多关于jQuery相关内容可查看本站专题:《jQuery正则表达式用法总结》、《jQuery字符串操作技巧总结》、《jQuery操作xml技巧总结》、《jQuery扩展技巧总结》、《jquery选择器用法总结》及《jQuery常用插件及用法总结》

希望本文所述对大家jQuery程序设计有所帮助。

您可能感兴趣的文章:

  • jquery正则表达式验证(手机号、身份证号、中文名称)
  • jQuery如何用正则表达式验证手机号、身份证号、中文名称
  • jQuery验证手机号邮箱身份证的正则表达式(含港澳台)
  • js与jquery正则验证电子邮箱、手机号、邮政编码的方法
  • jQuery实现验证表单密码一致性及正则表达式验证邮箱、手机号的方法
  • jquery验证手机号码、邮箱格式是否正确示例代码
  • jquery验证手机号是否正确实例讲解
  • jQuery实现手机号码输入提示功能实例
  • jquery实现手机号码选号的方法

《jQuery实现手机号正则验证输入及自动填充空格功能.doc》

下载本文的Word格式文档,以方便收藏与打印。