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表单验证(简单)
May 23 jQuery
jQuery:unbind方法的使用详解
Aug 14 jQuery
jQuery实现的form转json经典示例
Oct 10 jQuery
jQuery实现获取form表单内容及绑定数据到form表单操作分析
Jul 03 jQuery
jQuery的Ajax接收java返回数据方法
Aug 11 jQuery
jQuery 同时获取多个标签的指定内容并储存为数组
Nov 20 jQuery
jQuery Migrate 插件用法实例详解
May 22 jQuery
jquery实现垂直手风琴导航栏
Feb 18 jQuery
JavaScript或jQuery 获取option value值方法解析
May 12 jQuery
jQuery列表动态增加和删除的实现方法
Nov 05 jQuery
ajax jquery实现页面某一个div的刷新效果
Mar 04 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
smarty实例教程
2006/11/19 PHP
PHP读取MySQL数据代码
2008/06/05 PHP
解析PHP函数array_flip()在重复数组元素删除中的作用
2013/06/27 PHP
再推荐十款免费的php开发工具
2015/11/09 PHP
php实现图片上传并利用ImageMagick生成缩略图
2016/03/14 PHP
PHP基于phpqrcode类生成二维码的方法详解
2018/03/14 PHP
javascript 静态对象和构造函数的使用和公私问题
2010/03/02 Javascript
js中的string.format函数代码
2020/08/11 Javascript
js实现拖拽 闭包函数详细介绍
2012/11/25 Javascript
javascript定时变换图片实例代码
2013/03/17 Javascript
javascript实现简单的省市区三级联动
2015/05/14 Javascript
js实现文字截断功能
2016/09/14 Javascript
ng2学习笔记之bootstrap中的component使用教程
2017/03/09 Javascript
JS解决移动web开发手机输入框弹出的问题
2017/03/31 Javascript
nodejs利用ajax实现网页无刷新上传图片实例代码
2017/06/06 NodeJs
jQuery实现简单的计时器功能实例分析
2017/08/29 jQuery
JavaScript前端实现压缩图片功能
2020/03/06 Javascript
js实现简易点击切换显示或隐藏
2020/11/29 Javascript
python实现每次处理一个字符的三种方法
2014/10/09 Python
python计算文本文件行数的方法
2015/07/06 Python
TensorFlow变量管理详解
2018/03/10 Python
在linux下实现 python 监控usb设备信号
2019/07/03 Python
Python对接六大主流数据库(只需三步)
2019/07/31 Python
Python如何调用JS文件中的函数
2019/08/16 Python
解决Python import docx出错DLL load failed的问题
2020/02/13 Python
django rest framework使用django-filter用法
2020/07/15 Python
美国首屈一指的礼品篮供应商:GiftTree
2018/01/06 全球购物
Europcar西班牙:全球汽车租赁领域的领导者
2018/09/17 全球购物
使用useBean标志初始化BEAN时如何接受初始化参数
2012/02/11 面试题
致全体运动员广播稿
2014/02/01 职场文书
百日安全生产活动总结
2014/07/05 职场文书
家长学校培训材料
2014/08/20 职场文书
小学感恩节活动策划方案
2014/10/06 职场文书
餐厅营销的秘密:为什么老顾客会流水?
2019/08/08 职场文书
laravel ajax curd 搜索登录判断功能的实现
2021/04/17 PHP
CSS 新特性 contain控制页面的重绘与重排问题
2021/04/30 HTML / CSS