欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  IT编程

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

程序员文章站 2022-04-29 18:55:14
本文实例讲述了jquery实现手机号正则验证输入及自动填充空格功能。分享给大家供大家参考,具体如下: 先来看看运行效果(在删除时连删即可): 具体代码:...

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

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

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正则表达式在线测试工具:

正则表达式在线生成工具:

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

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