JavaScript

超轻量级php框架startmvc

jQuery实现手机号正则验证输入及自动填充空格功能

更新时间:2020-06-22 01:24:01 作者:startmvc
本文实例讲述了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 手机号 正则验证 输入 自动填充 空格