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实现简单漂亮的Nav导航菜单效果
Mar 29 jQuery
jquery实现一个全局计时器(商城可用)
Jun 30 jQuery
jQuery Autocomplete简介_动力节点Java学院整理
Jul 17 jQuery
jQuery中 DOM节点操作方法大全
Oct 12 jQuery
使用jQuery 操作table 完成单元格合并的实例
Dec 27 jQuery
jQuery发请求传输中文参数乱码问题的解决方案
May 22 jQuery
jQuery属性选择器用法实例分析
Jun 28 jQuery
jQuery操作选中select下拉框的值代码实例
Feb 07 jQuery
jQuery实现的分页插件完整示例
May 26 jQuery
jQuery+css实现的点击图片放大缩小预览功能示例【图片预览 查看大图】
May 29 jQuery
jQuery实现开关灯效果
Aug 02 jQuery
jQuery zTree如何改变指定节点文本样式
Oct 16 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执行速度全攻略(下)
2006/10/09 PHP
ExtJS与PHP、MySQL实现存储的方法
2010/04/02 PHP
PHP删除数组中的特定元素的代码
2012/06/28 PHP
分享一下贝贝成长进度的php代码
2012/09/14 PHP
php实现将Session写入数据库
2015/07/26 PHP
jQuery TextBox自动完成条
2009/07/22 Javascript
TextArea设置MaxLength属性最大输入值的js代码
2012/12/21 Javascript
javascript firefox 自动加载iframe 自动调整高宽示例
2013/08/27 Javascript
JavaScript实现的内存数据库LokiJS介绍和入门实例
2014/11/17 Javascript
jQuery插件实现控制网页元素动态居中显示
2015/03/24 Javascript
require.js配合插件text.js实现最简单的单页应用程序
2016/07/12 Javascript
卸载安装Node.js与npm过程详解
2016/08/15 Javascript
JS实现基于拖拽改变物体大小的方法
2018/01/23 Javascript
vue 自定义全局方法,在组件里面的使用介绍
2018/02/28 Javascript
微信小程序登录session的使用
2019/03/17 Javascript
Vue多环境代理配置方法思路详解
2019/06/21 Javascript
Vue可自定义tab组件用法实例
2019/10/24 Javascript
[01:09:20]NB vs NAVI Supermajor小组赛A组 BO3 第二场 6.2
2018/06/03 DOTA
[01:25:38]DOTA2-DPC中国联赛 正赛 VG vs LBZS BO3 第一场 1月19日
2021/03/11 DOTA
python使用cStringIO实现临时内存文件访问的方法
2015/03/26 Python
Eclipse和PyDev搭建完美Python开发环境教程(Windows篇)
2016/11/16 Python
Python中的Numpy矩阵操作
2018/08/12 Python
python3.7.0的安装步骤
2018/08/27 Python
win10下python3.5.2和tensorflow安装环境搭建教程
2018/09/19 Python
Python使用POP3和SMTP协议收发邮件的示例代码
2019/04/16 Python
python进度条显示-tqmd模块的实现示例
2020/08/23 Python
python模拟点击玩游戏的实例讲解
2020/11/26 Python
关于Python错误重试方法总结
2021/01/03 Python
CSS3不透明度实例讲解
2016/04/26 HTML / CSS
CSS3 创建网页动画实现弹跳球动效果
2018/10/30 HTML / CSS
HTML5边玩边学(2)基础绘图实现方法
2010/09/21 HTML / CSS
工商管理专业职业生涯规划
2014/01/01 职场文书
大学军训感言600字
2014/02/25 职场文书
2014年个人师德工作总结
2014/12/04 职场文书
2015新教师教学工作总结
2015/07/22 职场文书
经典格言警句:没有热忱,世间便无进步
2019/11/13 职场文书