JavaScript中使用正則表達式

---

使用直接量寫法
以斜桿表示開始和結束：var regex = /^[a-zA-Z]+$/;，創建一個內容為^[a-zA-Z]+$的正則表達式，驗證英文字母

var str = document.getElementById("str").value.trim();//獲取指定id的內容，去除空格var regex = /^[a-zA-Z]+$/; // 直接量正則表達式if(!regex.test(str)){alert("請輸入正確的英文字母!");}

---

2.使用內置構造函數生成
通過實例化得到對象：var regex = new RegExp('^[a-zA-Z]+$');，創建一個內容為^[a-zA-Z]+$的正則表達式，驗證英文字母，等價于上面直接量方式

var str = document.getElementById("str").value.trim();//獲取指定id的內容，去除空格var regex = new RegExp('^[a-zA-Z]+$'); // 構造函數if(!regex.test(str)){alert("請輸入正確的英文字母!");}

---

3. 下面是JS常用正則表達式

JS驗證代碼：

// 驗證幫助var verifyUtils = {// 驗證輸入的內容是否是空isNull:function(idStr){var str = document.getElementById(idStr).value.trim();var regex = /\S/;if(!regex.test(str)){alert("文本框不能為空，請輸入內容！");}},// 驗證輸入的字符是否是英文字母isLetter:function(idStr){var str = document.getElementById(idStr).value.trim();var regex = /^[a-zA-Z]+$/;if(!regex.test(str)){alert("請輸入正確的英文字母!");}// 驗證日期格式是否為YYYY-MM-DD格式},isDate:function(idStr){var str = document.getElementById(idStr).value.trim();var regex = /^(\d{1,4})(-|\/)(\d{1,2})\2(\d{1,2})$/;var r = str.match(regex); // 使用match方法獲取指定字符串的值if(r==null){alert("請輸入正確的日期格式!");}// 驗證日期格式是否為YYYY-MM-DD hh:mm:ss格式},isDateTime:function(idStr){var str = document.getElementById(idStr).value.trim();var regex = /^(\d{1,4})(-|\/)(\d{1,2})\2(\d{1,2}) (\d{1,2}):(\d{1,2}):(\d{1,2})$/;var r = str.match(regex); // 使用match方法獲取指定字符串的值if(r==null){alert("請輸入正確的日期格式!");}// 驗證整數},isInteger:function(idStr){var str = document.getElementById(idStr).value.trim();var regex = /^[-+]?\d*$/;if(!regex.test(str)){alert("請輸入正確的整數!");}// 驗證雙精度},isDouble:function(idStr){var str = document.getElementById(idStr).value.trim();var regex = /^[-\+]?\d+(\.\d+)?$/;if(!regex.test(str)){alert("請輸入正確的小數!");}// 驗證中文},isChinese(idStr){var str = document.getElementById(idStr).value.trim();var regex = /^[\u0391-\uFFE5]+$/;if(!regex.test(str)){alert("請輸入正確的中文!");}// 驗證郵箱},isEmail(idStr){var str = document.getElementById(idStr).value.trim();var regex = /^\w+([-+.]\w+)*@\w+([-.]\w+)*\.\w+([-.]\w+)*$/;if(!regex.test(str)){alert("請輸入正確的郵箱格式!");}// 驗證手機號},isPhone(idStr){var str = document.getElementById(idStr).value.trim();var regex = /^1[3456789]\d{9}$/;if(!regex.test(str)){alert("請輸入正確的手機號!");}// 驗證身份證},isIdCard(idStr){var str = document.getElementById(idStr).value.trim();var regex = /^\d{6}(18|19|20)?\d{2}(0[1-9]|1[12])(0[1-9]|[12]\d|3[01])\d{3}(\d|X)$/;if(!regex.test(str)){alert("請輸入正確的身份證號碼!");}}};

---

正則驗證代碼如下：
驗證字母：/^[a-zA-Z]+$/
驗證長度為3的字符：/^.{3}$/
驗證由26個英文字母組成的字符串：/^[A-Za-z]+$/
驗證日期YYYY-MM-DD：/^(\d{1,4})(-|\/)(\d{1,2})\2(\d{1,2})$/
驗證郵編：/^\d{6}$/
驗證日期格式YYYY-MM-DD hh:mm:ss：/^(\d{1,4})(-|\/)(\d{1,2})\2(\d{1,2}) (\d{1,2}):(\d{1,2}):(\d{1,2})$/
驗證整數：/^[-+]?\d*$/
驗證小數：/^[-\+]?\d+(\.\d+)?$/
驗證中文：/^[\u0391-\uFFE5]+$/
驗證郵箱：/^\w+([-+.]\w+)*@\w+([-.]\w+)*\.\w+([-.]\w+)*$/
驗證手機號：/^1[3456789]\d{9}$/
驗證身份證：/^\d{6}(18|19|20)?\d{2}(0[1-9]|1[12])(0[1-9]|[12]\d|3[01])\d{3}(\d|X)$/

表達式分析：
“/”代表一個正則表達式；
“^”代表字符串的開始位置，“$”代表字符串的結束位置；
“?”代表匹配前面的字符一個或零個，所以這里0?的意思是手機號碼可以以0開頭或不以0開頭。
那里寫的不對可以指出，如果你有更好的方式，可以一起討論，希望可以幫助到大家，也可以加qq群：1007307899

總結

以上是生活随笔為你收集整理的JS常用正则表达式大全的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。