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 相关文章推荐
JavaScript使用链式方法封装jQuery中CSS()方法示例
Apr 07 jQuery
jQuery 循环遍历改变a标签的href(实例讲解)
Jul 12 jQuery
JQuery 获取多个select标签option的text内容(实例)
Sep 07 jQuery
解决html-jquery/js引用外部图片时遇到看不了或出现403的问题
Sep 22 jQuery
jQuery中 DOM节点操作方法大全
Oct 12 jQuery
jQuery中元素选择器(element)简单用法示例
May 14 jQuery
jQuery实现常见的隐藏与展示列表效果示例
Jun 04 jQuery
jQuery滑动效果实现方法分析
Sep 05 jQuery
jQuery实现网页拼图游戏
Apr 22 jQuery
jQuery实现模拟搜索引擎的智能提示功能简单示例
Jan 27 jQuery
jQuery事件多次绑定与解绑问题实例分析
Feb 19 jQuery
jQuery事件委托代码实践详解
Jun 21 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使用strstr()函数获取指定字符串后所有字符的方法
2016/01/07 PHP
Laravel 6 将新增为指定队列任务设置中间件的功能
2019/08/06 PHP
理解Javascript_01_理解内存分配原理分析
2010/10/11 Javascript
Javascript实现视频轮播在pc端与移动端均可
2013/09/29 Javascript
javascript面向对象特性代码实例
2014/06/12 Javascript
javascript实现window.print()去除页眉页脚
2014/12/30 Javascript
在浏览器中打开或关闭JavaScript的方法
2015/06/03 Javascript
基于JavaScript实现div层跟随滚动条滑动
2016/01/12 Javascript
原生javascript 学习之js变量全面了解
2016/07/14 Javascript
JavaScript中const、var和let区别浅析
2016/10/11 Javascript
JavaScript模块化之使用requireJS按需加载
2017/04/12 Javascript
基于JavaScript实现报警器提示音效果
2017/10/27 Javascript
基于Vuex无法观察到值变化的解决方法
2018/03/01 Javascript
Vue.js最佳实践(五招助你成为vuejs大师)
2018/05/04 Javascript
Vue 实现展开折叠效果的示例代码
2018/08/27 Javascript
Intellij IDEA搭建vue-cli项目的方法步骤
2018/10/20 Javascript
解决VUE自定义拖拽指令时 onmouseup 与 click事件冲突问题
2020/07/24 Javascript
SpringBoot+Vue 前后端合并部署的配置方法
2020/12/30 Vue.js
python操作ssh实现服务器日志下载的方法
2015/06/03 Python
应用OpenCV和Python进行SIFT算法的实现详解
2019/08/21 Python
pytorch程序异常后删除占用的显存操作
2020/01/13 Python
python开发一款翻译工具
2020/10/10 Python
如何用border-image实现文字气泡边框的示例代码
2020/01/21 HTML / CSS
html5生成柱状图(条形图)效果的实例代码
2016/03/25 HTML / CSS
localStorage、sessionStorage使用总结
2017/11/17 HTML / CSS
HTML5自定义视频播放器源码
2020/01/06 HTML / CSS
Java和Javasciprt的区别
2012/09/02 面试题
出国留学自荐信
2013/10/25 职场文书
商务助理岗位职责
2013/11/13 职场文书
公务员转正考察材料
2014/02/07 职场文书
高二物理教学反思
2014/02/08 职场文书
关于对大人不礼貌的检讨书
2014/09/29 职场文书
银行开户授权委托书格式
2014/10/10 职场文书
幼儿园小班开学寄语
2015/05/27 职场文书
2016年国培研修日志
2015/11/13 职场文书
不会写演讲稿,快来看看这篇文章!
2019/08/06 职场文书