jQuery实现手机号正则验证输入及自动填充空格功能
更新时间：2018年01月02日 12:01:55 作者：往地上就是一躺
这篇文章主要介绍了jQuery实现手机号正则验证输入及自动填充空格功能,涉及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>
PS：这里再为大家提供2款非常方便的正则表达式工具供大家参考使用：
JavaScript正则表达式在线测试工具：
http://tools.jb51.net/regex/javascript
正则表达式在线生成工具：
http://tools.jb51.net/regex/create_reg
更多关于jQuery相关内容可查看本站专题：《jQuery正则表达式用法总结》、《jQuery字符串操作技巧总结》、《jQuery操作xml技巧总结》、《jQuery扩展技巧总结》、《jquery选择器用法总结》及《jQuery常用插件及用法总结》
希望本文所述对大家jQuery程序设计有所帮助。
相关文章
刚学习jQuery，觉得有的东西确实有必要写下来，加深下记忆，本文纯属给自己写的，希望大家不要见笑。2010-12-12
jQuery学习笔记——jqGrid的使用记录（实现分页、搜索功能）
这篇文章主要介绍了jQuery学习笔记——jqGrid的使用记录（实现分页、搜索功能），想要学习jQuery的可以了解一下。2016-11-11
这篇文章主要为大家详细介绍了Jquery UI 模仿淘宝搜索下拉列表功能，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2017-01-01
这篇文章主要介绍了使用js显示当前时间示例,这里也用到了jquery，让得把它也要引入到页面中2014-03-03
jQuery树形插件jquery.simpleTree.js用法分析
这篇文章主要介绍了jQuery树形插件jquery.simpleTree.js用法,结合实例形式分析了jQuery树形菜单插件jquery.simpleTree.js的功能与基本用法,需要的朋友可以参考下2016-09-09
jQuery插件ImageDrawer.js实现动态绘制图片动画（附源码下载）
ImageDrawer.js是一款可以实现动态绘制图片动画的jQuery插件，接下来通过本文给大家介绍jQuery插件ImageDrawer.js实现动态绘制图片动画（附源码下载），需要的朋友参考下2016-02-02
本例除了使用标准的JQuery类库外，还添加了自定义的函数来进行字符串的format操作。2013-03-03
这篇文章主要介绍了jquery实现可点击伸缩与展开的菜单效果代码,涉及jquery鼠标click事件控制页面元素样式变换的实现技巧,具有一定参考借鉴价值,需要的朋友可以参考下2015-08-08
想必关注jQuery的同学们对jQuery EasyUI已经有所耳闻了，目前已经更新到1.0.5版本，风格与EXTJS有点相似，可以很好的满足开发人员对UI的需求。2010-04-04
本文给大家分享的是jQuery图片展示效果，使用的是jQuery Revealing插件，不点击的情况下，图片整齐排列成一行，当任意一个图片缩略图被点击的时候，该图片就放大显示，当点击关闭按钮时图片又重新还原了缩略图模式。2015-04-04
最新评论