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实现前端分页功能
Mar 23 jQuery
jquery处理checkbox(复选框)是否被选中实例代码
Jun 12 jQuery
jQuery取得元素标签名称小结(附代码)
Aug 16 jQuery
jQuery Layer弹出层传值到父页面的实现代码
Aug 17 jQuery
jQuery+HTML5实现WebGL高性能烟花绽放动画效果【附demo源码下载】
Aug 18 jQuery
jQuery pjax 应用简单示例
Sep 20 jQuery
jQuery实现点击旋转,再点击恢复初始状态动画效果示例
Dec 11 jQuery
详解jQuery如何实现模糊搜索
May 10 jQuery
jQuery Raty星级评分插件使用方法实例分析
Nov 25 jQuery
jQuery实现简单全选框
Sep 13 jQuery
jQuery实现可以计算进制转换的计算器
Oct 19 jQuery
jQuery实现查看图片功能
Dec 01 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之apc
2013/05/15 PHP
php结合正则获取字符串中数字
2015/06/19 PHP
Java中final关键字详解
2015/08/10 PHP
PHP基于MySQLI函数封装的数据库连接工具类【定义与用法】
2017/08/11 PHP
jqPlot jquery的页面图表绘制工具
2009/07/25 Javascript
Jsonp 跨域的原理以及Jquery的解决方案
2010/05/18 Javascript
浅谈 jQuery 事件源码定位问题
2014/06/18 Javascript
直接在JS里创建JSON数据然后遍历使用
2014/07/25 Javascript
jQuery实现点击查看大图并以弹框的形式居中
2016/08/08 Javascript
jsTree使用记录实例
2016/12/01 Javascript
关于ES6的六个小特性(二)
2017/02/20 Javascript
Bootstrap 3 按钮标签实例代码
2017/02/21 Javascript
浅谈express 中间件机制及实现原理
2017/08/31 Javascript
详解使用webpack打包编写一个vue-toast插件
2017/11/08 Javascript
基于iview-admin实现动态路由的示例代码
2019/10/02 Javascript
vue+elementUI 实现内容区域高度自适应的示例
2020/09/26 Javascript
nuxt 页面路由配置,主页轮播组件开发操作
2020/11/05 Javascript
[43:57]LGD vs Mineski 2018国际邀请赛小组赛BO2 第二场 8.19
2018/08/21 DOTA
python中关于日期时间处理的问答集锦
2013/03/08 Python
跟老齐学Python之画圈还不简单吗?
2014/09/20 Python
实例Python处理XML文件的方法
2015/08/31 Python
python中pandas.DataFrame排除特定行方法示例
2017/03/12 Python
Python模拟三级菜单效果
2017/09/11 Python
Python语言的变量认识及操作方法
2018/02/11 Python
基于python生成器封装的协程类
2019/03/20 Python
python装饰器常见使用方法分析
2019/06/26 Python
Python如何执行精确的浮点数运算
2020/07/31 Python
Python Map 函数的使用
2020/08/28 Python
KIKO MILANO俄罗斯官网:意大利领先的化妆品和护肤品品牌
2021/01/09 全球购物
益模软件Java笔试题
2012/03/27 面试题
乐观大学生的自我评价
2014/01/10 职场文书
绩效管理实施方案
2014/03/19 职场文书
电子商务专业毕业生求职信
2014/06/12 职场文书
万能检讨书2000字
2014/10/17 职场文书
Linux中Nginx的防盗链和优化的实现代码
2021/06/20 Servers
Python中的datetime包与time包包和模块详情
2022/02/28 Python