本文實(shí)例講述了JS正則表達(dá)式封裝與使用操作。分享給大家供大家參考,具體如下:
對(duì)一些簡(jiǎn)單的輸入進(jìn)行正則判斷的整理,待優(yōu)化
<!DOCTYPE html> <html> <head lang="en"> <meta charset="UTF-8"> <title>正則表達(dá)式封裝</title> </head> <body> <script> //郵箱 var emailReg = /^([a-z0-9A-Z_]+[-|\.]?)+[a-z0-9A-Z]@([a-z0-9A-Z]+(-[a-z0-9A-Z]+)?\.)+[a-zA-Z]{2,}$/; //手機(jī)號(hào) var mobileReg = /^0?1(3|4|5|7|8)\d{9}$/; //電話號(hào)碼 var telReg = /(^[0-9]{3,4}-[0-9]{7,8}-[0-9]{3,4}$)|(^[0-9]{3,4}-[0-9]{7,8}$)|(^[0-9]{7,8}-[0-9]{3,4}$)|(^[0-9]{7,15}$)/; var domainReg = /http:\/\/.+/; var zipcodeReg = /^[0-9]{6}$/; //數(shù)字 var numReg = /^[0-9]+$/; //身份證 var isIDCardReg=/^[1-9]\d{5}[1-9]\d{3}((0\d)|(1[0-2]))(([0|1|2]\d)|3[0-1])\d{4}$/; //用戶名 var userNameReg = /^[_a-zA-Z0-9\u4E00-\u9FFF]{2,20}/; //中文 var zh = /[\u4E00-\u9FFF]/g; var httpUrl=/[a-zA-z]+:\/\/[^s]*/; var doubleReg=/((^0\.)|(^[1-9]+[0-9]*\.\d)$)|(^[1-9]+[0-9]*$)/; function checkEmail(email) { return emailReg.test(email); } function checkDouble(double) { return doubleReg.test(double); } function checkHttpUrl(url) { return httpUrl.test(url); } function checkIsIDCard(isIDCard) { return isIDCardReg.test(isIDCard); } function checkMobile(mobile) { return mobileReg.test(mobile); } function checkTel(tel) { return telReg.test(tel); } function checkDomain(domain) { return domainReg.test(domain); } function checkZipcode(zipcode) { return zipcodeReg.test(zipcode); } function checkNum(num) { return numReg.test(num); } function checkUserName(userName) { if(userName=="") { return false; } var len = userName.length; var m = userName.match(this.zh); if(m != null) { len += m.length; } return userNameReg.test(userName) && (len>=4 && len<=32); } var phone="1839094574"; console.log(checkMobile(phone)); </script> </body> </html>
這里使用在線HTML/CSS/JavaScript代碼運(yùn)行工具:http://tools.jb51.net/code/HtmlJsRun測(cè)試上述代碼,可得到如下運(yùn)行結(jié)果:
PS:這里再為大家提供2款非常方便的正則表達(dá)式工具供大家參考使用:
JavaScript正則表達(dá)式在線測(cè)試工具:
http://tools.jb51.net/regex/javascript
正則表達(dá)式在線生成工具:
http://tools.jb51.net/regex/create_reg
更多關(guān)于JavaScript相關(guān)內(nèi)容感興趣的讀者可查看本站專題:《JavaScript正則表達(dá)式技巧大全》、《JavaScript替換操作技巧總結(jié)》、《JavaScript查找算法技巧總結(jié)》、《JavaScript數(shù)據(jù)結(jié)構(gòu)與算法技巧總結(jié)》、《JavaScript遍歷算法與技巧總結(jié)》、《JavaScript中json操作技巧總結(jié)》、《JavaScript錯(cuò)誤與調(diào)試技巧總結(jié)》及《JavaScript數(shù)學(xué)運(yùn)算用法總結(jié)》
希望本文所述對(duì)大家JavaScript程序設(shè)計(jì)有所幫助。
聲明:本網(wǎng)頁內(nèi)容旨在傳播知識(shí),若有侵權(quán)等問題請(qǐng)及時(shí)與本網(wǎng)聯(lián)系,我們將在第一時(shí)間刪除處理。TEL:177 7030 7066 E-MAIL:11247931@qq.com