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实现按比例缩放图片的方法
Apr 29 jQuery
jquery中each循环的简单回滚操作
May 05 jQuery
JQuery.dataTables表格插件添加跳转到指定页
Jun 09 jQuery
jquery DataTable实现前后台动态分页
Jun 17 jQuery
浅谈事件冒泡、事件委托、jQuery元素节点操作、滚轮事件与函数节流
Jul 22 jQuery
基于jQuery Ajax实现下拉框无刷新联动
Dec 06 jQuery
(模仿京东用户注册)用JQuery实现简单表单验证,初学者必看
Jan 08 jQuery
vue-cli 引入jQuery,Bootstrap,popper的方法
Sep 03 jQuery
通过jQuery学习js类型判断的技巧
May 27 jQuery
Jquery 动态添加元素并添加点击事件实现过程解析
Oct 12 jQuery
jquery css实现流程进度条
Mar 26 jQuery
jQuery实现的上拉刷新功能组件示例
May 01 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
2021年最新CPU天梯图
2021/03/04 数码科技
php chr() ord()中文截取乱码问题解决方法
2008/09/08 PHP
用php实现的获取网页中的图片并保存到本地的代码
2010/01/05 PHP
php隐藏实际地址的文件下载方法
2015/04/18 PHP
PHP基于DOM创建xml文档的方法示例
2017/02/08 PHP
jquery 模板的应用示例
2013/11/12 Javascript
JQuery ztree带筛选、异步加载实例讲解
2016/02/25 Javascript
JS实现拖动滚动条评分的效果代码分享
2016/09/29 Javascript
IE8利用自带的setCapture和releaseCapture解决iframe的拖拽事件方法
2016/10/25 Javascript
详解Vue.js 2.0 如何使用axios
2017/04/21 Javascript
实例讲解javascript实现异步图片上传方法
2017/12/05 Javascript
JavaScript使用math.js进行精确计算操作示例
2018/06/19 Javascript
jQuery轮播图实例详解
2018/08/15 jQuery
layui select获取自定义属性方法
2018/08/15 Javascript
基于jquery实现九宫格拼图小游戏
2018/11/30 jQuery
10种JavaScript最常见的错误(小结)
2019/06/21 Javascript
vue点击当前路由高亮小案例
2019/09/26 Javascript
JavaScript计算出两个数的差值
2020/03/19 Javascript
python+mysql实现简单的web程序
2014/09/11 Python
python跳过第一行快速读取文件内容的实例
2018/07/12 Python
pycharm重置设置,恢复默认设置的方法
2018/10/22 Python
Python如何基于smtplib发不同格式的邮件
2019/12/30 Python
Matplotlib scatter绘制散点图的方法实现
2020/01/02 Python
Python阶乘求和的代码详解
2020/02/14 Python
python脚本监控logstash进程并邮件告警实例
2020/04/28 Python
python 解决pycharm运行py文件只有unittest选项的问题
2020/09/01 Python
Python绘制数码晶体管日期
2021/02/19 Python
HTML+CSS+JavaScript实现图片3D展览的示例代码
2020/10/12 HTML / CSS
Etam艾格英国官网:法国著名女装品牌
2019/04/15 全球购物
数据管理员的自我评价分享
2013/11/15 职场文书
奥巴马连任演讲稿
2014/05/15 职场文书
2015年党员岗位承诺书
2015/04/27 职场文书
暗恋桃花源观后感
2015/06/12 职场文书
解析原生JS getComputedStyle
2021/05/25 Javascript
Android Gradle 插件自定义Plugin实现注意事项
2022/06/16 Java/Android
超越Nginx的Web服务器caddy优雅用法
2022/06/21 Servers