jQuery實現(xiàn)手機號正則驗證輸入及自動填充空格功能
本文實例講述了jQuery實現(xiàn)手機號正則驗證輸入及自動填充空格功能。分享給大家供大家參考,具體如下:
先來看看運行效果(在刪除時連刪即可):
具體代碼:
<!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
更多關(guān)于jQuery相關(guān)內(nèi)容可查看本站專題:《jQuery正則表達式用法總結(jié)》、《jQuery字符串操作技巧總結(jié)》、《jQuery操作xml技巧總結(jié)》、《jQuery擴展技巧總結(jié)》、《jquery選擇器用法總結(jié)》及《jQuery常用插件及用法總結(jié)》
希望本文所述對大家jQuery程序設(shè)計有所幫助。
相關(guān)文章
jQuery學(xué)習(xí)筆記之Helloworld
剛學(xué)習(xí)jQuery,覺得有的東西確實有必要寫下來,加深下記憶,本文純屬給自己寫的,希望大家不要見笑。2010-12-12jQuery學(xué)習(xí)筆記——jqGrid的使用記錄(實現(xiàn)分頁、搜索功能)
這篇文章主要介紹了jQuery學(xué)習(xí)筆記——jqGrid的使用記錄(實現(xiàn)分頁、搜索功能),想要學(xué)習(xí)jQuery的可以了解一下。2016-11-11jQuery樹形插件jquery.simpleTree.js用法分析
這篇文章主要介紹了jQuery樹形插件jquery.simpleTree.js用法,結(jié)合實例形式分析了jQuery樹形菜單插件jquery.simpleTree.js的功能與基本用法,需要的朋友可以參考下2016-09-09jQuery插件ImageDrawer.js實現(xiàn)動態(tài)繪制圖片動畫(附源碼下載)
ImageDrawer.js是一款可以實現(xiàn)動態(tài)繪制圖片動畫的jQuery插件,接下來通過本文給大家介紹jQuery插件ImageDrawer.js實現(xiàn)動態(tài)繪制圖片動畫(附源碼下載),需要的朋友參考下2016-02-02JQuery獲取各種寬度、高度(format函數(shù))實例
本例除了使用標準的JQuery類庫外,還添加了自定義的函數(shù)來進行字符串的format操作。2013-03-03jQuery圖片特效插件Revealing實現(xiàn)拉伸放大
本文給大家分享的是jQuery圖片展示效果,使用的是jQuery Revealing插件,不點擊的情況下,圖片整齊排列成一行,當任意一個圖片縮略圖被點擊的時候,該圖片就放大顯示,當點擊關(guān)閉按鈕時圖片又重新還原了縮略圖模式。2015-04-04