JS正則表達式封裝與使用操作示例
更新時間：2019年05月15日 08:38:31 作者：辣姐什么鬼
這篇文章主要介紹了JS正則表達式封裝與使用操作,涉及javascript使用正則表達式針對郵箱、手機號、身份證、用戶名、中文等簡單驗證操作技巧,需要的朋友可以參考下
本文實例講述了JS正則表達式封裝與使用操作。分享給大家供大家參考，具體如下：
對一些簡單的輸入進行正則判斷的整理，待優(yōu)化
<!DOCTYPE html>
<html>
<head lang="en">
<meta charset="UTF-8">
<title>正則表達式封裝</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,}$/;
//手機號
var mobileReg = /^0?1(3|4|5|7|8)\d{9}$/;
//電話號碼
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}$/;
//數字
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代碼運行工具：http://tools.jb51.net/code/HtmlJsRun測試上述代碼，可得到如下運行結果：
PS：這里再為大家提供2款非常方便的正則表達式工具供大家參考使用：
JavaScript正則表達式在線測試工具：
http://tools.jb51.net/regex/javascript
正則表達式在線生成工具：
http://tools.jb51.net/regex/create_reg
更多關于JavaScript相關內容感興趣的讀者可查看本站專題：《JavaScript正則表達式技巧大全》、《JavaScript替換操作技巧總結》、《JavaScript查找算法技巧總結》、《JavaScript數據結構與算法技巧總結》、《JavaScript遍歷算法與技巧總結》、《JavaScript中json操作技巧總結》、《JavaScript錯誤與調試技巧總結》及《JavaScript數學運算用法總結》
希望本文所述對大家JavaScript程序設計有所幫助。
相關文章
這篇文章主要介紹了如何進行微信公眾號開發(fā)的本地調試的方法，小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2019-06-06
基于JavaScript實現(xiàn)前端文件的斷點續(xù)傳
這篇文章主要介紹了基于JavaScript實現(xiàn)前端文件的斷點續(xù)傳的相關資料,需要的朋友可以參考下2016-10-10
下面小編就為大家?guī)硪黄猨s 獲取元素所有兄弟節(jié)點的實現(xiàn)方法。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2016-09-09
如何提交含有CKEditor的表單，其實很簡單的在提交事件中加入這一句即可解決問題2014-01-01
這篇文章主要匯總介紹了生成二維碼方法的相關資料,需要的朋友可以參考下2014-12-12
近期月報里提到了valueOf方法,興致來了翻了下ECMA5里關于valueOf方法的介紹真是令人發(fā)指啊,不可思議的朋友可以參考下啊2013-02-02
js中?new?Date().getTime()得到的是毫秒數時間戳
今天在寫一個函數的時候需要用的一個時間戳方便調用不同的隨機數?那么時間戳就是比較好的方式，主要怕瀏覽器緩存數據，下面就為大家簡單介紹一下2023-07-07
uni-app 項目中 “文件查找失?。骸甤rypto-js‘“ 的問題及解決方法
在開發(fā)使用 uni-app 框架的項目時,遇到依賴問題是常見的,本文將介紹如何解決編譯過程中出現(xiàn)的 “文件查找失?。骸甤rypto-js’” 錯誤,并說明這種錯誤為什么會發(fā)生以及如何避免,下面分步驟給大家?guī)斫鉀Q方案,感興趣的朋友一起看看吧2024-07-07
下面小編就為大家?guī)硪黄猨s print打印網頁指定區(qū)域內容的簡單實例。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2016-11-11
有些符號在URL中是不能直接傳遞的，如果要在URL中傳遞這些特殊符號，那么就要使用他們的編碼了。下表中列出了一些URL特殊符號及編碼。2010-01-01