这篇文章将为大家详细讲解有关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是一个简洁而快速的JavaScript库,它具有独特的链式语法和短小清晰的多功能接口、高效灵活的css选择器,并且可对CSS选择器进行扩展、拥有便捷的插件扩展机制和丰富的插件,是继Prototype之后又一个优秀的JavaScript代码库,能够用于简化事件处理、HTML文档遍历、Ajax交互和动画,以便快速开发网站。
关于“jQuery如何实现手机号正则验证输入及自动填充空格功能”这篇文章就分享到这里了,希望以上内容可以对大家有一定的帮助,使各位可以学到更多知识,如果觉得文章不错,请把它分享出去让更多的人看到。
免责声明:本站发布的内容(图片、视频和文字)以原创、转载和分享为主,文章观点不代表本网站立场,如果涉及侵权请联系站长邮箱:is@yisu.com进行举报,并提供相关证据,一经查实,将立刻删除涉嫌侵权内容。