JavaScript中使用正則表達(dá)式

---

使用直接量寫法
以斜桿表示開始和結(jié)束：var regex = /^[a-zA-Z]+$/;，創(chuàng)建一個(gè)內(nèi)容為^[a-zA-Z]+$的正則表達(dá)式，驗(yàn)證英文字母

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

---

2.使用內(nèi)置構(gòu)造函數(shù)生成
通過實(shí)例化得到對(duì)象：var regex = new RegExp('^[a-zA-Z]+$');，創(chuàng)建一個(gè)內(nèi)容為^[a-zA-Z]+$的正則表達(dá)式，驗(yàn)證英文字母，等價(jià)于上面直接量方式

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

---

3. 下面是JS常用正則表達(dá)式

JS驗(yàn)證代碼：

// 驗(yàn)證幫助var verifyUtils = {// 驗(yàn)證輸入的內(nèi)容是否是空isNull:function(idStr){var str = document.getElementById(idStr).value.trim();var regex = /\S/;if(!regex.test(str)){alert("文本框不能為空，請(qǐng)輸入內(nèi)容！");}},// 驗(yàn)證輸入的字符是否是英文字母isLetter:function(idStr){var str = document.getElementById(idStr).value.trim();var regex = /^[a-zA-Z]+$/;if(!regex.test(str)){alert("請(qǐng)輸入正確的英文字母!");}// 驗(yàn)證日期格式是否為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("請(qǐng)輸入正確的日期格式!");}// 驗(yàn)證日期格式是否為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("請(qǐng)輸入正確的日期格式!");}// 驗(yàn)證整數(shù)},isInteger:function(idStr){var str = document.getElementById(idStr).value.trim();var regex = /^[-+]?\d*$/;if(!regex.test(str)){alert("請(qǐng)輸入正確的整數(shù)!");}// 驗(yàn)證雙精度},isDouble:function(idStr){var str = document.getElementById(idStr).value.trim();var regex = /^[-\+]?\d+(\.\d+)?$/;if(!regex.test(str)){alert("請(qǐng)輸入正確的小數(shù)!");}// 驗(yàn)證中文},isChinese(idStr){var str = document.getElementById(idStr).value.trim();var regex = /^[\u0391-\uFFE5]+$/;if(!regex.test(str)){alert("請(qǐng)輸入正確的中文!");}// 驗(yàn)證郵箱},isEmail(idStr){var str = document.getElementById(idStr).value.trim();var regex = /^\w+([-+.]\w+)*@\w+([-.]\w+)*\.\w+([-.]\w+)*$/;if(!regex.test(str)){alert("請(qǐng)輸入正確的郵箱格式!");}// 驗(yàn)證手機(jī)號(hào)},isPhone(idStr){var str = document.getElementById(idStr).value.trim();var regex = /^1[3456789]\d{9}$/;if(!regex.test(str)){alert("請(qǐng)輸入正確的手機(jī)號(hào)!");}// 驗(yàn)證身份證},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("請(qǐng)輸入正確的身份證號(hào)碼!");}}};

---

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

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

總結(jié)

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

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。