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 相关文章推荐
浅谈struts1 &amp; jquery form 文件异步上传
May 25 jQuery
jquery仿京东商品放大浏览页面
Jun 06 jQuery
jQuery实现的简单动态添加、删除表格功能示例
Sep 21 jQuery
jQuery响应滚动条事件功能示例
Oct 14 jQuery
jquery获取img的src值实例介绍
Jan 16 jQuery
jquery 验证用户名是否重复代码实例
May 14 jQuery
jQuery中DOM操作原则实例分析
Aug 01 jQuery
jquery获取input输入框中的值
Nov 13 jQuery
jQuery实现小火箭返回顶部特效
Feb 03 jQuery
jQuery--遍历操作实例小结【后代、同胞及过滤】
May 22 jQuery
Jquery使用each函数实现遍历及数组处理
Jul 14 jQuery
jQuery列表动态增加和删除的实现方法
Nov 05 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 解决utf-8和gb2312编码转换问题
2010/03/18 PHP
php实现比较两个文件夹异同的方法
2015/06/18 PHP
PHP的Json中文处理解决方案
2016/09/29 PHP
js中的值类型和引用类型小结 文字说明与实例
2010/12/12 Javascript
Jquery公告滚动+AJAX后台得到数据
2011/04/14 Javascript
JavaScript prototype属性深入介绍
2012/11/27 Javascript
使用JS CSS去除IE链接虚线框的三种方法
2013/11/14 Javascript
js操作css属性实现div层展开关闭效果的方法
2015/05/11 Javascript
使用基于Node.js的构建工具Grunt来发布ASP.NET MVC项目
2016/02/15 Javascript
Bootstrap文件上传组件之bootstrap fileinput
2016/11/25 Javascript
js的OOP继承实现(必看篇)
2017/02/18 Javascript
Angular2+国际化方案(ngx-translate)的示例代码
2017/08/23 Javascript
浅谈mint-ui 填坑之路
2017/11/06 Javascript
Webpack框架核心概念(知识点整理)
2017/12/22 Javascript
浅谈angular4.0中路由传递参数、获取参数最nice的写法
2018/03/12 Javascript
让Vue也可以使用Redux的方法
2018/05/23 Javascript
react native 文字轮播的实现示例
2018/07/27 Javascript
JavaScript实现表单验证功能
2020/12/09 Javascript
python的格式化输出(format,%)实例详解
2018/06/01 Python
Python Numpy:找到list中的np.nan值方法
2018/10/30 Python
详解Django-restframework 之频率源码分析
2019/02/27 Python
python爬虫的一个常见简单js反爬详解
2019/07/09 Python
python快速编写单行注释多行注释的方法
2019/07/31 Python
用Python画小女孩放风筝的示例
2019/11/23 Python
python数据预处理方式 :数据降维
2020/02/24 Python
Python HTMLTestRunner可视化报告实现过程解析
2020/04/10 Python
django日志默认打印request请求信息的方法示例
2020/05/17 Python
pycharm如何使用anaconda中的各种包(操作步骤)
2020/07/31 Python
什么是Deployment descriptors;都有什么类型的部署描述符
2015/07/28 面试题
小学生中国梦演讲稿
2014/04/23 职场文书
2014年残联工作总结
2014/11/21 职场文书
军训个人总结
2015/03/03 职场文书
科技馆观后感
2015/06/08 职场文书
招商银行工作证明
2015/06/17 职场文书
个人向公司借款协议书
2016/03/19 职场文书
Android中的Launch Mode详情
2022/06/05 Java/Android