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插件FusionCharts实现的3D帕累托图效果示例【附demo源码】
Mar 25 jQuery
jQuery实现分页功能(含ajax请求、后台数据、附完整demo)
Apr 03 jQuery
jQuery鼠标移动图片上实现放大效果
Jun 25 jQuery
关于JS与jQuery中的文档加载问题
Aug 22 jQuery
解决html-jquery/js引用外部图片时遇到看不了或出现403的问题
Sep 22 jQuery
jquery中ajax请求后台数据成功后既不执行success也不执行error的完美解决方法
Dec 24 jQuery
bootstrap+jquery项目引入文件报错的解决方法
Jan 22 jQuery
基于jQuery ztree实现表格风格的树状结构
Aug 31 jQuery
jquery分页插件pagination使用教程
Oct 23 jQuery
jQuery控制input只能输入数字和两位小数的方法
May 16 jQuery
jQuery操作attr、prop、val()/text()/html()、class属性
May 23 jQuery
jQuery操作元素追加内容示例
Jan 10 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 仿Comsenz安装效果代码打包提供下载
2010/05/09 PHP
PHP实现针对日期,月数,天数,周数,小时,分,秒等的加减运算示例【基于strtotime】
2017/04/19 PHP
PHP html_entity_decode()函数讲解
2019/02/25 PHP
PHP实现数组根据某个字段进行水平合并,横向合并案例分析
2019/10/08 PHP
php数组函数array_push()、array_pop()及array_shift()简单用法示例
2020/01/26 PHP
XmlUtils JS操作XML工具类
2009/10/01 Javascript
PHP 与 js的通信(via ajax,json)
2010/11/16 Javascript
jQuery简单图表peity.js使用示例
2014/05/02 Javascript
jQuery中的read和JavaScript中的onload函数的区别
2014/08/27 Javascript
浅谈JavaScript中的String对象常用方法
2015/02/25 Javascript
IE浏览器下PNG相关功能
2015/07/05 Javascript
jquery移动端TAB触屏切换实现效果
2020/12/22 Javascript
AngularJS单选框及多选框实现双向动态绑定
2016/01/13 Javascript
jQuery实现按钮点击遮罩加载及处理完后恢复的效果
2016/06/07 Javascript
ajax级联菜单实现方法实例分析
2016/11/28 Javascript
BootStrop前端框架入门教程详解
2016/12/25 Javascript
vue.js实现含搜索的多种复选框(附源码)
2017/03/23 Javascript
AngularJS监听ng-repeat渲染完成的方法
2018/03/20 Javascript
Vue axios与Go Frame后端框架的Options请求跨域问题详解
2020/03/03 Javascript
Vue实现跑马灯效果
2020/05/25 Javascript
js实现简单的无缝轮播效果
2020/09/05 Javascript
[02:47]DOTA2英雄基础教程 野性怒吼兽王
2013/12/05 DOTA
浅谈python和C语言混编的几种方式(推荐)
2017/09/27 Python
Python提取支付宝和微信支付二维码的示例代码
2019/02/15 Python
django连接mysql数据库及建表操作实例详解
2019/12/10 Python
解决Pytorch 加载训练好的模型 遇到的error问题
2020/01/10 Python
Python中os模块功能与用法详解
2020/02/26 Python
为2021年的第一场雪锦上添花:用matplotlib绘制雪花和雪景
2021/01/05 Python
Python里面如何实现tuple和list的转换
2012/06/13 面试题
出生医学证明样本
2014/01/17 职场文书
学习自我鉴定
2014/02/01 职场文书
高中英语演讲稿范文
2014/04/24 职场文书
公司离职证明标准样本
2014/10/05 职场文书
感恩老师主题班会
2015/08/12 职场文书
SQL IDENTITY_INSERT作用案例详解
2021/08/23 MySQL
《雀魂PONG☆》4月1日播出 PV角色设定情报
2022/03/20 日漫