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操作ul的一些操作笔记整理(干货)
Aug 31 jQuery
jQuery基于cookie实现换肤功能实例
Oct 14 jQuery
jQuery实现判断上传图片类型和大小的方法示例
Apr 11 jQuery
jQuery中图片展示插件highslide.js的简单dom
Apr 22 jQuery
JQuery Ajax动态加载Table数据的实例讲解
Aug 09 jQuery
JQuery扩展对象方法操作示例
Aug 21 jQuery
jQuery实现的点击图片居中放大缩小功能示例
Jan 16 jQuery
jquery无缝图片轮播组件封装
Nov 25 jQuery
jquery操作checkbox的常用方法总结【附测试源码下载】
Jun 10 jQuery
jquery获取并修改触发事件的DOM元素示例【基于target 属性】
Oct 10 jQuery
jquery实现聊天机器人
Feb 08 jQuery
jQuery 选择方法及$(this)用法实例分析
May 19 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 分页类实现代码
2009/12/03 PHP
慎用 somefunction.prototype 分析
2009/06/02 Javascript
使用POST方式弹出窗口的两种方法示例介绍
2014/01/29 Javascript
《JavaScript DOM 编程艺术》读书笔记之JavaScript 简史
2015/01/09 Javascript
使用js画图之饼图
2015/01/12 Javascript
浅析JavaScript事件和方法
2015/02/28 Javascript
JQuery创建DOM节点的方法
2015/06/11 Javascript
JS实现slide文字框缩放伸展效果代码
2015/11/05 Javascript
JavaScript prototype属性详解
2016/10/25 Javascript
Angularjs通过指令监听ng-repeat渲染完成后执行脚本的方法
2016/12/31 Javascript
浅谈nodejs中的类定义和继承的套路
2017/07/26 NodeJs
微信小程序异步处理详解
2017/11/10 Javascript
nodejs实现解析xml字符串为对象的方法示例
2018/03/14 NodeJs
vue组件横向树实现代码
2018/08/02 Javascript
说说如何在Vue.js中实现数字输入组件的方法
2019/01/08 Javascript
vue实现百度下拉列表交互操作示例
2019/03/12 Javascript
基于iview-admin实现动态路由的示例代码
2019/10/02 Javascript
element-ui树形控件后台返回的数据+生成组织树的工具类
2020/03/05 Javascript
React生命周期原理与用法踩坑笔记
2020/04/28 Javascript
python中stdout输出不缓存的设置方法
2014/05/29 Python
Python中的anydbm模版和shelve模版使用指南
2015/07/09 Python
python进阶之多线程对同一个全局变量的处理方法
2018/11/09 Python
Flask配置Cors跨域的实现
2019/07/12 Python
python 定时器每天就执行一次的实现代码
2019/08/14 Python
pytorch进行上采样的种类实例
2020/02/18 Python
html5 canvas fillRect坐标和大小的问题解决方法
2014/03/26 HTML / CSS
运动服饰每月订阅盒:Ellie
2018/04/29 全球购物
联想法国官方网站:Lenovo法国
2018/10/18 全球购物
自我评价中英文语句
2013/11/30 职场文书
幼儿园教师个人反思
2014/01/30 职场文书
幼儿园教师培训方案
2014/02/04 职场文书
留学顾问岗位职责
2014/04/14 职场文书
大学学习委员竞选稿
2015/11/20 职场文书
《比的意义》教学反思
2016/02/18 职场文书
2019安全宣传标语大全
2019/08/14 职场文书
python中print格式化输出的问题
2021/04/16 Python