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


Posted in jQuery onJanuary 02, 2018

本文实例讲述了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>
jQuery 相关文章推荐
jquery实现tab键进行选择后enter键触发click行为
Mar 29 jQuery
jQuery Plupload上传插件的使用
Apr 19 jQuery
jQuery实现在HTML文档加载完毕后自动执行某个事件的方法
May 08 jQuery
jQuery实现table中两列CheckBox只能选中一个的示例
Sep 22 jQuery
jQuery+CSS实现的table表格行列转置功能示例
Jan 08 jQuery
jQuery实现每隔一段时间自动更换样式的方法分析
May 03 jQuery
20个最常见的jQuery面试问题及答案
May 23 jQuery
JQuery搜索框自动补全(模糊匹配)功能实现示例
Jan 08 jQuery
JQuery+Bootstrap 自定义全屏Loading插件的示例demo
Jul 03 jQuery
Jquery异步上传文件代码实例
Nov 13 jQuery
jQuery实现鼠标放置名字上显示详细内容气泡提示框效果的方法分析
Apr 04 jQuery
Jquery ajax书写方法代码实例解析
Jun 12 jQuery
jQuery动态添加元素无法触发绑定事件的解决方法分析
Jan 02 #jQuery
基于jquery.page.js实现分页效果
Jan 01 #jQuery
jquery实现企业定位式导航效果
Jan 01 #jQuery
jquery实现楼层滚动效果
Jan 01 #jQuery
jquery实现左右轮播切换效果
Jan 01 #jQuery
jQuery中ajax获取数据赋值给页面的实例
Dec 31 #jQuery
jQuery实现页码跳转式动态数据分页
Dec 31 #jQuery
You might like
用PHP+java实现自动新闻滚动窗口
2006/10/09 PHP
PHP提交表单失败后如何保留已经填写的信息
2014/06/20 PHP
php上传图片客户端和服务器端实现方法
2015/03/30 PHP
php使用标签替换的方式生成静态页面
2015/05/21 PHP
PHP程序员的技术成长规划
2016/03/25 PHP
PHP延迟静态绑定使用方法实例解析
2020/09/05 PHP
JSDoc 介绍使用规范JsDoc的使用介绍
2011/02/12 Javascript
javascript类型转换使用方法
2014/02/08 Javascript
JS数组(Array)处理函数整理
2014/12/07 Javascript
JavaScript实现找质数代码分享
2015/03/24 Javascript
特殊日期提示功能的实现方法
2016/06/16 Javascript
BootStrap轮播HTML代码(推荐)
2016/12/10 Javascript
浅谈JavaScript中的apply/call/bind和this的使用
2017/02/26 Javascript
Vue中的v-cloak使用解读
2017/03/27 Javascript
javascript input输入框模糊提示功能的实现
2017/09/25 Javascript
浅析Javascript中双等号(==)隐性转换机制
2017/10/27 Javascript
浅谈Webpack自动化构建实践指南
2017/12/18 Javascript
JavaScript常用8种数组去重代码实例
2020/09/09 Javascript
[02:33]2018DOTA2亚洲邀请赛赛前采访——LGD
2018/04/04 DOTA
python监控文件或目录变化
2016/06/07 Python
Python中用post、get方式提交数据的方法示例
2017/09/22 Python
Python中执行存储过程及获取存储过程返回值的方法
2017/10/07 Python
通过实例了解python__slots__使用方法
2020/09/14 Python
C++和python实现阿姆斯特朗数字查找实例代码
2020/12/07 Python
Pycharm-community-2020.2.3 社区版安装教程图文详解
2020/12/08 Python
外贸业务员工作职责
2014/01/06 职场文书
小学生打架检讨书
2014/01/26 职场文书
物理研修随笔感言
2014/02/14 职场文书
最经典的大学生职业生涯规划范文
2014/03/05 职场文书
党的群众路线教育实践活动个人承诺书
2014/05/22 职场文书
土建专业毕业生自荐书
2014/07/04 职场文书
党的群众路线教育实践活动个人整改方案
2014/10/25 职场文书
工程部主管岗位职责
2015/02/12 职场文书
2015年清明节网上祭英烈留言寄语
2015/03/04 职场文书
导游词书写之黄山
2019/08/06 职场文书
Java elasticsearch安装以及部署教程
2021/06/28 Java/Android