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插件FusionCharts实现的MSBar2D图效果示例【附demo源码】
Mar 24 jQuery
jQuery滑动到底部加载下一页数据的实例代码
May 22 jQuery
最常用的jQuery表单验证(简单)
May 23 jQuery
jquery实现回车键触发事件(实例讲解)
Nov 21 jQuery
jquery获取transform里的值实现方法
Dec 12 jQuery
jQuery中ajax请求后台返回json数据并渲染HTML的方法
Aug 08 jQuery
学习jQuery中的noConflict()用法
Sep 28 jQuery
JQuery搜索框自动补全(模糊匹配)功能实现示例
Jan 08 jQuery
jquery制作的移动端购物车效果完整示例
Feb 24 jQuery
jQuery实现的上拉刷新功能组件示例
May 01 jQuery
jQuery实现简单日历效果
Jul 05 jQuery
使用jQuery实现购物车
Oct 29 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
根德YB400的电路分析
2021/03/02 无线电
PHP面向对象编程快速入门
2006/10/09 PHP
PHP通过API获取手机号码归属地
2015/05/28 PHP
Symfony2联合查询实现方法
2016/03/18 PHP
php实现文件与16进制相互转换的方法示例
2017/02/16 PHP
跟随鼠标旋转的文字
2006/11/30 Javascript
学习ExtJS TextField常用方法
2009/10/07 Javascript
js DOM 元素ID就是全局变量
2012/09/20 Javascript
jQuery获取浏览器中的分辨率实现代码
2013/04/23 Javascript
JavaScript操纵窗口的方法小结
2013/06/28 Javascript
js获取当前地址 JS获取当前URL的示例代码
2014/02/26 Javascript
使用forever管理nodejs应用教程
2014/06/03 NodeJs
alert出数组中的随即值代码
2014/09/25 Javascript
Python脚本后台运行的几种方式
2015/03/09 Javascript
js中javascript:void(0) 真正含义
2020/11/05 Javascript
基于JavaScript实现瀑布流布局(二)
2016/01/26 Javascript
JavaScript tab选项卡插件实例代码
2016/02/23 Javascript
第四章之BootStrap表单与图片
2016/04/25 Javascript
AngularJS入门教程之XHR和依赖注入详解
2016/08/18 Javascript
vue axios整合使用全攻略
2018/05/24 Javascript
Javascript原型链及instanceof原理详解
2020/05/25 Javascript
[01:03:22]LGD vs OG 2018国际邀请赛淘汰赛BO3 第一场 8.25
2018/08/29 DOTA
Python文件操作类操作实例详解
2014/07/11 Python
python 获取一个值在某个区间的指定倍数的值方法
2018/11/12 Python
Python SQLAlchemy入门教程(基本用法)
2019/11/11 Python
python scrapy重复执行实现代码详解
2019/12/28 Python
浅谈python中频繁的print到底能浪费多长时间
2020/02/21 Python
基于tensorflow for循环 while循环案例
2020/06/30 Python
python自动生成证件号的方法示例
2021/01/14 Python
HTML5印章绘制电子签章图片(中文英文椭圆章、中文英文椭圆印章)
2019/06/03 HTML / CSS
世界领先的在线地板和建筑材料批发商:BuildDirect
2017/02/26 全球购物
微观物理专业自荐信
2014/01/26 职场文书
英语系本科生求职信
2014/07/15 职场文书
语文教师求职信范文
2015/03/20 职场文书
城镇居民医疗保险工作总结
2015/08/10 职场文书
作文之亲情600字
2019/09/23 职场文书