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实现的3D帕累托图效果示例【附demo源码】
Mar 25 jQuery
jQuery简单绑定单个事件的方法示例
Jun 10 jQuery
jquery图片放大镜效果
Jun 23 jQuery
jQuery、layer实现弹出层的打开、关闭功能
Jun 28 jQuery
jQuery实现腾讯信用界面(自制刻度尺)样式
Aug 15 jQuery
jQuery实现的粘性滚动导航栏效果实例【附源码下载】
Oct 19 jQuery
jQuery ajax读取本地json文件的实例
Oct 31 jQuery
jQuery实现动态控制页面元素的方法分析
Dec 20 jQuery
jQuery实现下拉菜单动态添加数据点击滑出收起其他功能
Jun 14 jQuery
使用jquery-easyui的布局layout写后台管理页面的代码详解
Jun 19 jQuery
9种方法优化jQuery代码详解
Feb 04 jQuery
jQuery编写QQ简易聊天框
Aug 27 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数据入库前清理 注意php intval与mysql的int取值范围不同
2010/12/12 PHP
php使用Image Magick将PDF文件转换为JPG文件的方法
2015/04/01 PHP
yii2整合百度编辑器umeditor及umeditor图片上传问题的解决办法
2016/04/20 PHP
[原创]php集成安装包wampserver修改密码后phpmyadmin无法登陆的解决方法
2016/11/23 PHP
php获取今日开始时间和结束时间的方法
2017/02/27 PHP
PHP实现求两个字符串最长公共子串的方法示例
2017/11/17 PHP
一个多次搜索+多次传值的解决方案
2007/01/20 Javascript
javascript获取当前ip的代码
2009/05/10 Javascript
javascript 嵌套的函数(作用域链)
2010/03/15 Javascript
js的.innerHTML = &quot;&quot;IE9下显示有错误的解决方法
2013/09/16 Javascript
解析Javascript小括号“()”的多义性
2013/12/03 Javascript
jquery的clone方法应用于textarea和select的bug修复
2014/06/26 Javascript
jQuery打印指定区域Html页面并自动分页
2014/07/04 Javascript
JS+CSS实现下拉列表框美化效果(3款)
2015/08/15 Javascript
对比分析Django的Q查询及AngularJS的Datatables分页插件
2017/02/07 Javascript
JS实现登录页密码的显示和隐藏功能
2017/12/06 Javascript
vue中使用mxgraph的方法实例代码详解
2019/05/17 Javascript
[33:42]LGD vs OG 2018国际邀请赛小组赛BO2 第一场 8.16
2018/08/17 DOTA
使用python实现递归版汉诺塔示例(汉诺塔递归算法)
2014/04/08 Python
Python中用Descriptor实现类级属性(Property)详解
2014/09/18 Python
python执行等待程序直到第二天零点的方法
2015/04/23 Python
Python操作列表之List.insert()方法的使用
2015/05/20 Python
解决python ogr shp字段写入中文乱码的问题
2018/12/31 Python
使用Python和Prometheus跟踪天气的使用方法
2019/05/06 Python
python tkiner实现 一个小小的图片翻页功能的示例代码
2020/06/24 Python
Python logging模块进行封装实现原理解析
2020/08/07 Python
Columbia Sportswear法国官网:全球户外品牌
2020/09/25 全球购物
可靠的数据流传输TCP
2016/03/15 面试题
人事经理岗位职责
2014/04/28 职场文书
电子商务系毕业生自荐信
2014/05/29 职场文书
教师节感谢信
2015/01/22 职场文书
小学班主任教育随笔
2015/08/15 职场文书
商业计划书如何写?关键问题有哪些?
2019/07/11 职场文书
SQL语句多表联合查询的方法示例
2022/04/18 MySQL
Golang 结构体数据集合
2022/04/22 Golang
Java Spring Lifecycle的使用
2022/05/06 Java/Android