亲宝软件园·资讯

展开

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

往地上就是一躺 人气: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程序设计有所帮助。

加载全部内容

相关教程
猜你喜欢
用户评论