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

时间:2021-03-28 往地上就是一躺人气:0

想了解jQuery实现手机号正则验证输入及自动填充空格功能的相关内容吗，往地上就是一躺在本文为您仔细讲解jQuery手机号正则验证输入及自动填充空格的相关知识和一些Code实例，欢迎阅读和指正，我们先划重点：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正则表达式在线测试工具：
http://tools.softyun.net/regex/javascript

正则表达式在线生成工具：
http://tools.softyun.net/regex/create_reg

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

加载全部内容