JavaScript正則表達(dá)式驗(yàn)證代碼

這篇文章主要講解了“JavaScript正則表達(dá)式驗(yàn)證代碼”，文中的講解內(nèi)容簡單清晰，易于學(xué)習(xí)與理解，下面請大家跟著小編的思路慢慢深入，一起來研究和學(xué)習(xí)“JavaScript正則表達(dá)式驗(yàn)證代碼”吧！

RegExp：是正則表達(dá)式（regular expression）的簡寫。

正則表達(dá)式描述了字符的模式對象?？梢允褂谜齽t表達(dá)式來描述要檢索的內(nèi)容。

簡單的模式可以是一個(gè)單獨(dú)的字符。更復(fù)雜的模式包括了更多的字符，并可用于解析、格式檢查、替換等等。

//判斷輸入內(nèi)容是否為空 
function IsNull(){ 
var str = document.getElementById('str').value.trim(); 
if(str.length==0){ 
alert('對不起，文本框不能為空或者為空格!');//請將“文本框”改成你需要驗(yàn)證的屬性名稱! 
} 
} 
//判斷日期類型是否為YYYY-MM-DD格式的類型 
function IsDate(){ 
var str = document.getElementById('str').value.trim(); 
if(str.length!=0){ 
var reg = /^(\d{1,4})(-|\/)(\d{1,2})\2(\d{1,2})$/; 
var r = str.match(reg); 
if(r==null) 
alert('對不起，您輸入的日期格式不正確!'); //請將“日期”改成你需要驗(yàn)證的屬性名稱! 
} 
} 
//判斷日期類型是否為YYYY-MM-DD hh:mm:ss格式的類型 
function IsDateTime(){ 
var str = document.getElementById('str').value.trim(); 
if(str.length!=0){ 
var reg = /^(\d{1,4})(-|\/)(\d{1,2})\2(\d{1,2}) (\d{1,2}):(\d{1,2}):(\d{1,2})$/; 
var r = str.match(reg); 
if(r==null) 
alert('對不起，您輸入的日期格式不正確!'); //請將“日期”改成你需要驗(yàn)證的屬性名稱! 
} 
} 
//判斷日期類型是否為hh:mm:ss格式的類型 
function IsTime() 
{ 
var str = document.getElementById('str').value.trim(); 
if(str.length!=0){ 
reg=/^((20|21|22|23|[0-1]\d)\:[0-5][0-9])(\:[0-5][0-9])?$/ 
if(!reg.test(str)){ 
alert("對不起，您輸入的日期格式不正確!");//請將“日期”改成你需要驗(yàn)證的屬性名稱! 
} 
} 
} 
//判斷輸入的字符是否為英文字母 
function IsLetter() 
{ 
var str = document.getElementById('str').value.trim(); 
if(str.length!=0){ 
reg=/^[a-zA-Z]+$/; 
if(!reg.test(str)){ 
alert("對不起，您輸入的英文字母類型格式不正確!");//請將“英文字母類型”改成你需要驗(yàn)證的屬性名稱! 
} 
} 
} 
//判斷輸入的字符是否為整數(shù) 
function IsInteger() 
{ 
var str = document.getElementById('str').value.trim(); 
if(str.length!=0){ 
reg=/^[-+]?\d*$/; 
if(!reg.test(str)){ 
alert("對不起，您輸入的整數(shù)類型格式不正確!");//請將“整數(shù)類型”要換成你要驗(yàn)證的那個(gè)屬性名稱！ 
} 
} 
} 
//判斷輸入的字符是否為雙精度 
function IsDouble(val) 
{ 
var str = document.getElementById('str').value.trim(); 
if(str.length!=0){ 
reg=/^[-\+]?\d+(\.\d+)?$/; 
if(!reg.test(str)){ 
alert("對不起，您輸入的雙精度類型格式不正確!");//請將“雙精度類型”要換成你要驗(yàn)證的那個(gè)屬性名稱！ 
} 
} 
} 
//判斷輸入的字符是否為:a-z,A-Z,0-9 
function IsString() 
{ 
var str = document.getElementById('str').value.trim(); 
if(str.length!=0){ 
reg=/^[a-zA-Z0-9_]+$/; 
if(!reg.test(str)){ 
alert("對不起，您輸入的字符串類型格式不正確!");//請將“字符串類型”要換成你要驗(yàn)證的那個(gè)屬性名稱！ 
} 
} 
} 
//判斷輸入的字符是否為中文 
function IsChinese() 
{ 
var str = document.getElementById('str').value.trim(); 
if(str.length!=0){ 
reg=/^[\u0391-\uFFE5]+$/; 
if(!reg.test(str)){ 
alert("對不起，您輸入的字符串類型格式不正確!");//請將“字符串類型”要換成你要驗(yàn)證的那個(gè)屬性名稱！ 
} 
} 
} 
//判斷輸入的EMAIL格式是否正確 
function IsEmail() 
{ 
var str = document.getElementById('str').value.trim(); 
if(str.length!=0){ 
reg=/^\w+([-+.]\w+)*@\w+([-.]\w+)*\.\w+([-.]\w+)*$/; 
if(!reg.test(str)){ 
alert("對不起，您輸入的字符串類型格式不正確!");//請將“字符串類型”要換成你要驗(yàn)證的那個(gè)屬性名稱！ 
} 
} 
} 
//判斷輸入的郵編(只能為六位)是否正確 
function IsZIP() 
{ 
var str = document.getElementById('str').value.trim(); 
if(str.length!=0){ 
reg=/^\d{6}$/; 
if(!reg.test(str)){ 
alert("對不起，您輸入的字符串類型格式不正確!");//請將“字符串類型”要換成你要驗(yàn)證的那個(gè)屬性名稱！ 
} 
} 
} 
//判斷輸入的數(shù)字不大于某個(gè)特定的數(shù)字 
function MaxValue() 
{ 
var val = document.getElementById('str').value.trim(); 
if(str.length!=0){ 
reg=/^[-+]?\d*$/; 
if(!reg.test(str)){//判斷是否為數(shù)字類型 
if(val>parseInt('123')) //“123”為自己設(shè)定的最大值 
{ 
alert('對不起，您輸入的數(shù)字超出范圍');//請將“數(shù)字”改成你要驗(yàn)證的那個(gè)屬性名稱！ 
} 
} 
} 
}

Phone : /^((\(\d{2,3}\))|(\d{3}\-))?(\(0\d{2,3}\)|0\d{2,3}-)?[1-9]\d{6,7}(\-\d{1,4})?$/

Mobile : /^((\(\d{2,3}\))|(\d{3}\-))?13\d{9}$/

Url : /^http:\/\/[A-Za-z0-9]+\.[A-Za-z0-9]+[\/=\?%\-&_~`@[\]\':+!]*([^<>\"\"])*$/

IdCard : /^\d{15}(\d{2}[A-Za-z0-9])?$/

QQ : /^[1-9]\d{4,8}$/

某種特殊金額：/^((\d{1,3}(,\d{3})*)|(\d+))(\.\d{2})?$/ //說明：除“XXX XX,XXX XX,XXX.00”格式外

//為上面提供各個(gè)JS驗(yàn)證方法提供.trim()屬性 
String.prototype.trim=function(){ 
return this.replace(/(^\s*)|(\s*$)/g, ""); 
}

調(diào)用：

<input type="text" name="str" >
<input type="button" value=" 確定 " onClick=""> //onClick中寫自己要調(diào)用的JS驗(yàn)證函數(shù)
<script language="javascript" type="text/javascript">
var patterms = new Object();
//驗(yàn)證IP
patterms.ip = /^(\d{1,2}|1\d\d|2[0-4]\d|25[0-5])(\.(\d{1,2}|1\d\d|2[0-4]\d|25[0-5])){3}$/;
//驗(yàn)證EMAIL
patterms.email = /^[a-zA-Z0-9_-]+@[a-zA-Z0-9_-]+(\.[a-zA-Z0-9_-]+)+$/;
//驗(yàn)證日期格式2009-07-13
patterms.date = /^\d{4}-(0?[1-9]|1[0-2])-(0?[1-9]|[1-2]\d|3[0-1])$/;
//驗(yàn)證時(shí)間格式16:55:39
patterms.time = new RegExp("^([0-1]\\d|2[0-3]):[0-5]\\d:[0-5]\\d$");
//驗(yàn)證函數(shù)
function verify(str,pat)
{
var thePat;
thePat = patterms[pat];
if(thePat.test(str))
{
return true;
}
else
{
return false;
}
}
//測試
alert(verify("asidycom@163.com","email")+","+verify("192.168.1.1","ip")+
","+verify("16:55:39","time")+","+verify("2009-07-13","date")+","+verify("192.168","ip"));

驗(yàn)證數(shù)字：^[0-9]*$

驗(yàn)證n位的數(shù)字：^\d{n}$

驗(yàn)證至少n位數(shù)字：^\d{n,}$

驗(yàn)證m-n位的數(shù)字：^\d{m,n}$

驗(yàn)證零和非零開頭的數(shù)字：^(0|[1-9][0-9]*)$

驗(yàn)證有兩位小數(shù)的正實(shí)數(shù)：^[0-9]+(.[0-9]{2})?$

驗(yàn)證有1-3位小數(shù)的正實(shí)數(shù)：^[0-9]+(.[0-9]{1,3})?$

驗(yàn)證非零的正整數(shù)：^\+?[1-9][0-9]*$

驗(yàn)證非零的負(fù)整數(shù)：^\-[1-9][0-9]*$

驗(yàn)證非負(fù)整數(shù)（正整數(shù) + 0） ^\d+$

驗(yàn)證非正整數(shù)（負(fù)整數(shù) + 0） ^((-\d+)|(0+))$

驗(yàn)證長度為3的字符：^.{3}$

驗(yàn)證由26個(gè)英文字母組成的字符串：^[A-Za-z]+$

驗(yàn)證由26個(gè)大寫英文字母組成的字符串：^[A-Z]+$

驗(yàn)證由26個(gè)小寫英文字母組成的字符串：^[a-z]+$

驗(yàn)證由數(shù)字和26個(gè)英文字母組成的字符串：^[A-Za-z0-9]+$

驗(yàn)證由數(shù)字、26個(gè)英文字母或者下劃線組成的字符串：^\w+$

驗(yàn)證用戶名或昵稱經(jīng)常用到: ^[\u4e00-\u9fa5A-Za-z0-9-_]*$ 只能中英文，數(shù)字，下劃線，減號

驗(yàn)證用戶密碼:^[a-zA-Z]\w{5,17}$ 正確格式為：以字母開頭，長度在6-18之間，只能包含字符、數(shù)字和下劃線。

驗(yàn)證是否含有 ^%&',;=?$\" 等字符：[^%&',;=?$\x22]+

驗(yàn)證漢字：^[\u4e00-\u9fa5],{0,}$

驗(yàn)證Email地址：^\w+[-+.]\w+)*@\w+([-.]\w+)*\.\w+([-.]\w+)*$

驗(yàn)證InternetURL：^http://([\w-]+\.)+[\w-]+(/[\w-./?%&=]*)?$ ；^[a-zA-z]+://(w+(-w+)*)(.(w+(-w+)*))*(?S*)?$

驗(yàn)證電話號碼：^(\(\d{3,4}\)|\d{3,4}-)?\d{7,8}$：--正確格式為：XXXX-XXXXXXX，XXXX-XXXXXXXX，XXX-XXXXXXX，XXX-XXXXXXXX，XXXXXXX，XXXXXXXX。

驗(yàn)證身份證號（15位或18位數(shù)字）：^\d{15}|\d{}18$

驗(yàn)證一年的12個(gè)月：^(0?[1-9]|1[0-2])$ 正確格式為：“01”-“09”和“1”“12”

驗(yàn)證一個(gè)月的31天：^((0?[1-9])|((1|2)[0-9])|30|31)$ 正確格式為：01、09和1、31。

整數(shù)：^-?\d+$

非負(fù)浮點(diǎn)數(shù)（正浮點(diǎn)數(shù) + 0）：^\d+(\.\d+)?$

正浮點(diǎn)數(shù) ^(([0-9]+\.[0-9]*[1-9][0-9]*)|([0-9]*[1-9][0-9]*\.[0-9]+)|([0-9]*[1-9][0-9]*))$

非正浮點(diǎn)數(shù)（負(fù)浮點(diǎn)數(shù) + 0） ^((-\d+(\.\d+)?)|(0+(\.0+)?))$

負(fù)浮點(diǎn)數(shù) ^(-(([0-9]+\.[0-9]*[1-9][0-9]*)|([0-9]*[1-9][0-9]*\.[0-9]+)|([0-9]*[1-9][0-9]*)))$

浮點(diǎn)數(shù) ^(-?\d+)(\.\d+)?$

由于手機(jī)號段的不斷更新，以前的正則表達(dá)式已經(jīng)無法滿足需求。重新編寫這條表達(dá)式，

var regex = {
mobile: /^?([-]|[]|[]|[])[-]{}$/
}

表達(dá)式分析：

“/”代表一個(gè)正則表達(dá)式。

“^”代表字符串的開始位置，“$”代表字符串的結(jié)束位置。

“?”代表匹配前面的字符一個(gè)或零個(gè)，所以這里0?的意思是手機(jī)號碼可以以0開頭或不以0開頭。

接下的部分驗(yàn)證11位的手機(jī)號碼，先從13開始，因?yàn)閺?30-139都有所以可選區(qū)間是[0-9]，15開頭的號碼沒有154所以[]里面沒有4這個(gè)數(shù)字，當(dāng)然也可以寫成[0-35-9]，下面18和14開的號碼同上。

小括號括起來的代表一個(gè)子表達(dá)式，里面是4個(gè)可選分支分別用“|”來區(qū)分開來，在正則中“|”的優(yōu)先級是最低的，這里每個(gè)分支匹配的都是3個(gè)字符（一個(gè)[]只能匹配一個(gè)字符，里面是可選的意思），也就是手機(jī)號碼的前3位數(shù)字，那么后面還有8位數(shù)字需要匹配，可以是0-9的任意字符，所以是“[0-9]{8}”，{}中的數(shù)字代表匹配前面字符的個(gè)數(shù)。

感謝各位的閱讀，以上就是“JavaScript正則表達(dá)式驗(yàn)證代碼”的內(nèi)容了，經(jīng)過本文的學(xué)習(xí)后，相信大家對JavaScript正則表達(dá)式驗(yàn)證代碼這一問題有了更深刻的體會，具體使用情況還需要大家實(shí)踐驗(yàn)證。這里是億速云，小編將為大家推送更多相關(guān)知識點(diǎn)的文章，歡迎關(guān)注！