十年網(wǎng)站開發(fā)經(jīng)驗(yàn) + 多家企業(yè)客戶 + 靠譜的建站團(tuán)隊(duì)
量身定制 + 運(yùn)營維護(hù)+專業(yè)推廣+無憂售后,網(wǎng)站問題一站解決
JavaScript的正則表達(dá)式是前端中比較重要的部分,正則表達(dá)式主要用于字符串處理,表單驗(yàn)證等場合,實(shí)用高效。JavaScript中的正則表達(dá)式比起C#中的正則表達(dá)式要弱很多,但基本夠用了。在JS中定義正則表達(dá)式很簡單,有兩種方式,一種是通過構(gòu)造函數(shù),一種是通過//,也就是兩個(gè)斜杠:

創(chuàng)新互聯(lián)成立與2013年,先為沙坡頭等服務(wù)建站,沙坡頭等地企業(yè),進(jìn)行企業(yè)商務(wù)咨詢服務(wù)。為沙坡頭企業(yè)網(wǎng)站制作PC+手機(jī)+微官網(wǎng)三網(wǎng)同步一站式服務(wù)解決您的所有建站問題。
var re =new RegExp("?(w{1,}=w{1,}&){1,}w{1,}=w{1,}");
使用構(gòu)造函數(shù)定義正則表達(dá)式,注意大小寫,否則就會不起作用。由于構(gòu)造函數(shù)的參數(shù)是一個(gè)字符串,也可以是兩個(gè)斜杠的方式定義,遇到一些特殊字符就需要使用進(jìn)行轉(zhuǎn)義通過雙斜杠的方式定義同樣的正則表達(dá)式。
var re =/?(w{1,}=w{1,}&){1,}w{1,}=w{1,}/;
var re =new RegExp( /^?(w{1,}=w{1,}&){1,}w{1,}=w{1,}/);
可以和構(gòu)造函數(shù)達(dá)到同樣的效果,但仔細(xì)分析,發(fā)現(xiàn),通過構(gòu)造函數(shù)需要更多的轉(zhuǎn)義字符
如何在javascript中真正使用正則表達(dá)式呢?在JavaScript中RegExp和String對象都有處理正則表達(dá)式的方法。
關(guān)于這些函數(shù)的具體使用方法,可以參閱JS的相關(guān)函數(shù)手冊。
一個(gè)實(shí)例對象除了方法當(dāng)然還有屬性,一個(gè)正則表達(dá)式有以下屬性:
匹配中文字符的正則表達(dá)式:
[\u4e00-\u9fa5]
匹配雙字節(jié)字符(包括漢字在內(nèi)):
[^\x00-\xff]
應(yīng)用:計(jì)算字符串的長度(一個(gè)雙字節(jié)字符長度計(jì)2,ASCII字符計(jì)1)
String.prototype.len=function(){ return this.replace([^\x00-\xff]/g,"aa").length; }
匹配空行的正則表達(dá)式:
\n[\s|]*\r
匹配HTML標(biāo)記的正則表達(dá)式:
/<(.*)>.*<\/\1>|<(.*) \/>/
匹配首尾空格的正則表達(dá)式:
(^\s*)|(\s*$)
應(yīng)用:JavaScript中沒有像VBScript那樣的trim函數(shù),我們就可以利用這個(gè)表達(dá)式來實(shí)現(xiàn),如下:
String.prototype.trim = function(){
return this.replace(/(^\s*)|(\s*$)/g, "");
}
利用正則表達(dá)式分解和轉(zhuǎn)換IP地址:
下面是利用正則表達(dá)式匹配IP地址,并將IP地址轉(zhuǎn)換成對應(yīng)數(shù)值的Javascript程序:
function IP2V(ip){
re=/(\d+)\.(\d+)\.(\d+)\.(\d+)/g //匹配IP地址的正則表達(dá)式
if(re.test(ip)){
return RegExp.$1*Math.pow(255,3))+RegExp.$2*Math.pow(255,2))+RegExp.$3*255+RegExp.$4*1
}
else{
throw new Error("Not a valid IP address!")
}
}
不過上面的程序如果不用正則表達(dá)式,而直接用split函數(shù)來分解可能更簡單,程序如下:
var ip="10.100.20.168"
ip=ip.split(".")
alert("IP值是:"+(ip[0]*255*255*255+ip[1]*255*255+ip[2]*255+ip[3]*1))
匹配Email地址的正則表達(dá)式:
\w+([-+.]\w+)*@\w+([-.]\w+)*\.\w+([-.]\w+)*
匹配網(wǎng)址URL的正則表達(dá)式:
http://([\w-]+\.)+[\w-]+(/[\w- ./?%&=]*)?
利用正則表達(dá)式去除字串中重復(fù)的字符的算法程序:[*注:此程序不正確]
var s="abacabefgeeii"
var s1=s.replace(/(.).*\1/g,"$1")
var re=new RegExp("["+s1+"]","g")
var s2=s.replace(re,"")
alert(s1+s2) //結(jié)果為:abcefgi
*注
===============================
如果var s = “abacabefggeeii”
結(jié)果就不對了,結(jié)果為:abeicfgg
正則表達(dá)式的能力有限
===============================
表達(dá)式來實(shí)現(xiàn)去除重復(fù)字符的方法: 使用后向引用取出包括重復(fù)的字符,再以重復(fù)的字符建立第二個(gè)表達(dá)式,取到不重復(fù)的字符,兩者串連。這個(gè)方法對于字符順序有要求的字符串可能不適用,得用正則表達(dá)式從URL地址中提取文件名的javascript程序,如下結(jié)果為page1
s="http://blog.penner.cn/page1.htm"
s=s.replace(/(.*\/){ 0, }([^\.]+).*/ig,"$2")
alert(s)
利用正則表達(dá)式限制網(wǎng)頁表單里的文本框輸入內(nèi)容:
用正則表達(dá)式限制只能輸入中文:
onkeyup="value=value.replace(/[^\u4E00-\u9FA5]/g,'')" onbeforepaste="clipboardData.setData('text',clipboardData.getData('text').replace(/[^\u4E00-\u9FA5]/g,''))"
用正則表達(dá)式限制只能輸入全角字符:
onkeyup="value=value.replace(/[^\uFF00-\uFFFF]/g,'')" onbeforepaste="clipboardData.setData('text',clipboardData.getData('text').replace(/[^\uFF00-\uFFFF]/g,''))"
用正則表達(dá)式限制只能輸入數(shù)字:
onkeyup="value=value.replace(/[^\d]/g,'') "onbeforepaste="clipboardData.setData('text',clipboardData.getData('text').replace(/[^\d]/g,''))"
用正則表達(dá)式限制只能輸入數(shù)字和英文:
onkeyup="value=value.replace(/[\W]/g,'') "onbeforepaste="clipboardData.setData('text',clipboardData.getData('text').replace(/[^\d]/g,''))"
匹配非負(fù)整數(shù)(正整數(shù) + 0)
^\d+$
匹配正整數(shù)
^[0-9]*[1-9][0-9]*$
匹配非正整數(shù)(負(fù)整數(shù) + 0)
^((-\d+)|(0+))$
匹配負(fù)整數(shù)
^-[0-9]*[1-9][0-9]*$
匹配整數(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+)?$
匹配由26個(gè)英文字母組成的字符串
^[A-Za-z]+$
匹配由26個(gè)英文字母的大寫組成的字符串
^[A-Z]+$
匹配由26個(gè)英文字母的小寫組成的字符串
^[a-z]+$
匹配由數(shù)字和26個(gè)英文字母組成的字符串
^[A-Za-z0-9]+$
匹配由數(shù)字、26個(gè)英文字母或者下劃線組成的字符串
^\w+$
匹配email地址
^[\w-]+(\.[\w-]+)*@[\w-]+(\.[\w-]+)+$
匹配url
^[a-zA-z]+://匹配(\w+(-\w+)*)(\.(\w+(-\w+)*))*(\?\S*)?$
匹配html tag
<\s*(\S+)(\s[^>]*)?>(.*?)<\s*\/\1\s*>
// 取得字符串的字節(jié)長度 function strlen(str){ var i; var len; len = 0; for (i=0;iif (str.charCodeAt(i)>255) len+=2; else len++; }
return len; } // 判斷是否為數(shù)字,是則返回true,否則返回false function f_check_number(obj){ if(/^\d+$/.test(obj.value)){ return true; } else{ f_alert(obj,"請輸入數(shù)字"); return false; } } // 判斷是否為自然數(shù),是則返回true,否則返回false function f_check_naturalnumber(obj){ var s = obj.value; if(/^[0-9]+$/.test( s ) && (s > 0)){ return true; } else{ f_alert(obj,"請輸入自然數(shù)"); return false; } } // 判斷是否為整數(shù),是則返回true,否則返回false function f_check_integer(obj){ if(/^(\+|-)?\d+$/.test( obj.value)){ return true; } else{ f_alert(obj,"請輸入整數(shù)"); return false; } } // 判斷是否為實(shí)數(shù),是則返回true,否則返回false function f_check_float(obj){ if(/^(\+|-)?\d+($|\.\d+$)/.test( obj.value)){ return true; } else{ f_alert(obj,"請輸入實(shí)數(shù)"); return false; } } // 校驗(yàn)數(shù)字的長度和精度 function f_check_double(obj){ var numReg; var value = obj.value; var strValueTemp, strInt, strDec; var dtype = obj.eos_datatype; var pos_dtype = dtype.substring(dtype.indexOf("(")+1,dtype.indexOf(")")).split(","); var len = pos_dtype[0], prec = pos_dtype[1]; try{ numReg =/[\-]/; strValueTemp = value.replace(numReg, ""); numReg =/[\+]/; strValueTemp = strValueTemp.replace(numReg, ""); //整數(shù) if(prec==0){ numReg =/[\.]/; if(numReg.test(value) == true){ f_alert(obj, "輸入必須為整數(shù)類型"); return false; } } if(strValueTemp.indexOf(".") < 0 ){if(strValueTemp.length >( len - prec)){
f_alert(obj, "整數(shù)位不能超過"+ (len - prec) +"位");
return false;
} } else{ strInt = strValueTemp.substr( 0, strValueTemp.indexOf(".") ); if(strInt.length >( len - prec)){ f_alert(obj, "整數(shù)位不能超過"+ (len - prec) +"位"); return false; } strDec = strValueTemp.substr( (strValueTemp.indexOf(".")+1), strValueTemp.length ); if(strDec.length > prec){ f_alert(obj, "小數(shù)位不能超過"+ prec +"位"); return false; } } return true; } catch(e){ alert("in f_check_double = " + e); return false; } } // 校驗(yàn)數(shù)字的最小最大值,返回bool function f_check_interval(obj){ var value = parseFloat(obj.value); var dtype = obj.eos_datatype; var pos_dtype = dtype.substring(dtype.indexOf("(")+1,dtype.indexOf(")")).split(","); var minLimit = pos_dtype[0]; var maxLimit = pos_dtype[1]; var minVal = parseFloat(pos_dtype[0]); var maxVal = parseFloat(pos_dtype[1]); if(isNaN(value)){ f_alert(obj, "值必須為數(shù)字"); return false; } if((isNaN(minVal) && (minLimit != "-")) || (isNaN(maxVal) && (maxLimit != "+"))){ f_alert(obj, "邊界值必須為數(shù)字或-、+"); return false; } if(minLimit == "-" && !isNaN(maxVal)){ if(value > maxVal){ f_alert(obj, "值不能超過" + maxVal); return false; } } if(!isNaN(minVal) && maxLimit == "+"){ if(value < minVal){f_alert(obj, "值不能小于" + minVal);
return false;
}
}
if(!isNaN(minVal) && !isNaN(maxVal)){
if(minVal > maxVal){
f_alert(obj, "起始值" + minVal + "不能大于終止值" + maxVal);
} else{
if(!(value <= maxVal && value >= minVal)){
f_alert(obj, "值應(yīng)該在" + minVal + "和" + maxVal + "之間");
return false;
}
}
} return true; } //用途:檢查輸入字符串是否只由漢字組成,如果通過驗(yàn)證返回true,否則返回false function f_check_zh(obj){ if(/^[\u4e00-\u9fa5]+$/.test(obj.value)) { return true; } f_alert(obj,"請輸入漢字"); return false; } // 判斷是否為小寫英文字母,是則返回true,否則返回false function f_check_lowercase(obj){ if(/^[a-z]+$/.test( obj.value )){ return true; } f_alert(obj,"請輸入小寫英文字母"); return false; } // 判斷是否為大寫英文字母,是則返回true,否則返回false function f_check_uppercase(obj){ if (/^[A-Z]+$/.test( obj.value )){ return true; } f_alert(obj,"請輸入大寫英文字母"); return false; } // 判斷是否為英文字母,是則返回true,否則返回false function f_check_letter(obj){ if(/^[A-Za-z]+$/.test( obj.value )){ return true; } f_alert(obj,"請輸入英文字母"); return false; } /** 用途:檢查輸入字符串是否只由漢字、字母、數(shù)字組成 輸入: value:字符串 返回: 如果通過驗(yàn)證返回true,否則返回false */ function f_check_ZhOrNumOrLett(obj){ //判斷是否是漢字、字母、數(shù)字組成 var regu = "^[0-9a-zA-Z\u4e00-\u9fa5]+$"; var re = new RegExp(regu); if(re.test( obj.value )) { return true; } f_alert(obj,"請輸入漢字、字母或數(shù)字"); return false; } /* 用途:校驗(yàn)ip地址的格式 輸入:strIP:ip地址 返回:如果通過驗(yàn)證返回true,否則返回false; */ function f_check_IP(obj){ var re=/^(\d+)\.(\d+)\.(\d+)\.(\d+)$/; //匹配IP地址的正則表達(dá)式 if(re.test( obj.value )){if(RegExp.$1<=255 && RegExp.$1>=0 &&RegExp.$2<=255 && RegExp.$2>=0
&&RegExp.$3<=255 && RegExp.$3>=0
&&RegExp.$4<=255 && RegExp.$4>=0 ){
return true; } } f_alert(obj,"請輸入合法的計(jì)算機(jī)IP地址"); return false; } /* 用途:檢查輸入對象的值是否符合端口號格式 輸入:str 輸入的字符串 返回:如果通過驗(yàn)證返回true,否則返回false */ function f_check_port(obj){ if(!f_check_number(obj)) return false;if(obj.value < 65536) return true;
f_alert(obj,"請輸入合法的計(jì)算機(jī)IP地址端口號");
return false;
}
/*
用途:檢查輸入對象的值是否符合網(wǎng)址格式
輸入:str 輸入的字符串
返回:如果通過驗(yàn)證返回true,否則返回false
*/
function f_check_URL(obj){
var myReg = /^((http:[/][/])?\w+([.]\w+|[/]\w*)*)?$/;
if(myReg.test( obj.value )) return true;
f_alert(obj,"請輸入合法的網(wǎng)頁地址");
return false;
}
/*
用途:檢查輸入對象的值是否符合E-Mail格式
輸入:str 輸入的字符串
返回:如果通過驗(yàn)證返回true,否則返回false
*/
function f_check_email(obj){
var myReg = /^([-_A-Za-z0-9\.]+)@([_A-Za-z0-9]+\.)+[A-Za-z0-9]{2,3}$/;
if(myReg.test( obj.value )) return true;
f_alert(obj,"請輸入合法的電子郵件地址");
return false;
}
/*
要求:一、移動電話號碼為11或12位,如果為12位,那么第一位為0
二、11位移動電話號碼的第一位和第二位為"13"
三、12位移動電話號碼的第二位和第三位為"13"
用途:檢查輸入手機(jī)號碼是否正確
輸入:
s:字符串
返回:
如果通過驗(yàn)證返回true,否則返回false
*/ function f_check_mobile(obj){
var regu =/(^[1][3][0-9]{9}$)|(^0[1][3][0-9]{9}$)/;
var re = new RegExp(regu);
if (re.test( obj.value )) return true;
f_alert(obj,"請輸入正確的手機(jī)號碼");
return false;
}
/*
要求:一、電話號碼由數(shù)字、"("、")"和"-"構(gòu)成
二、電話號碼為3到8位
三、如果電話號碼中包含有區(qū)號,那么區(qū)號為三位或四位
四、區(qū)號用"("、")"或"-"和其他部分隔開
用途:檢查輸入的電話號碼格式是否正確
輸入:
strPhone:字符串
返回:
如果通過驗(yàn)證返回true,否則返回false
*/
function f_check_phone(obj){
var regu =/(^([0][1-9]{2,3}[-])?\d{3,8}(-\d{1,6})?$)|(^\([0][1-9]{2,3}\)\d{3,8}(\(\d{1,6}\))?$)|(^\d{3,8}$)/;
var re = new RegExp(regu);
if(re.test(obj.value)){
return true;
}
f_alert(obj,"請輸入正確的電話號碼");
return false;
}
/* 判斷是否為郵政編碼 */
function f_check_zipcode(obj){
if(!f_check_number(obj)) return false;
if(obj.value.length!=6){
f_alert(obj,"郵政編碼長度必須是6位");
return false;
}
return true;
}
/*
用戶ID,可以為數(shù)字、字母、下劃線的組合,
第一個(gè)字符不能為數(shù)字,且總長度不能超過20。
*/
function f_check_userID(obj){
var userID = obj.value;
if(userID.length > 20){
f_alert(obj,"ID長度不能大于20");
return false;
}
if(!isNaN(userID.charAt(0))){
f_alert(obj,"ID第一個(gè)字符不能為數(shù)字");
return false;
}
if(!/^\w{1,20}$/.test(userID)){
f_alert(obj,"ID只能由數(shù)字、字母、下劃線組合而成");
return false;
}
return true;
}
/*
功能:驗(yàn)證身份證號碼是否有效
提示信息:未輸入或輸入身份證號不正確!
使用:f_check_IDno(obj)
返回:bool
*/
function f_check_IDno(obj){ var aCity={11:"北京",12:"天津",13:"河北",14:"山西",15:"內(nèi)蒙古",21:"遼寧",22:"吉林",23:"黑龍江",31:"上海",32:"江蘇",33:"浙江",34:"安徽",35:"福建",36:"江西",37:"山東",41:"河南",42:"湖北",43:"湖南",44:"廣東",45:"廣西",46:"海南",50:"重慶",51:"四川",52:"貴州",53:"云南",54:"西藏",61:"陜西",62:"甘肅",63:"青海",64:"寧夏",65:"新疆",71:"臺灣",81:"香港",82:"澳門",91:"國外"}; var iSum = 0; var info = ""; var strIDno = obj.value; var idCardLength = strIDno.length; if(!/^\d{17}(\d|x)$/i.test(strIDno)&&!/^\d{15}$/i.test(strIDno)){ f_alert(obj,"非法身份證號"); return false; } //在后面的運(yùn)算中x相當(dāng)于數(shù)字10,所以轉(zhuǎn)換成a strIDno = strIDno.replace(/x$/i,"a"); if(aCity[parseInt(strIDno.substr(0,2))]==null){ f_alert(obj,"非法地區(qū)"); return false; } //18位身份證驗(yàn)算 if (idCardLength==18){ sBirthday=strIDno.substr(6,4)+"-"+Number(strIDno.substr(10,2))+"-"+Number(strIDno.substr(12,2)); var d = new Date(sBirthday.replace(/-/g,"/")) if(sBirthday!=(d.getFullYear()+"-"+ (d.getMonth()+1) + "-" + d.getDate())){ f_alert(obj,"非法生日"); return false; } //驗(yàn)證身份正好是否合法(最后一位校驗(yàn)碼驗(yàn)算) for(var i = 17;i>=0;i --){ iSum += (Math.pow(2,i) % 11) * parseInt(strIDno.charAt(17 - i),11); } if(iSum%11!=1){ f_alert(obj,"非法身份證號"); return false; } } //15位身份證驗(yàn)算 else if (idCardLength==15){ sBirthday = "19" + strIDno.substr(6,2) + "-" + Number(strIDno.substr(8,2)) + "-" + Number(strIDno.substr(10,2)); var d = new Date(sBirthday.replace(/-/g,"/")) var dd = d.getFullYear().toString() + "-" + (d.getMonth()+1) + "-" + d.getDate(); if(sBirthday != dd){ f_alert(obj,"非法生日"); return false; } } return true; } /* * 判斷字符串是否符合指定的正則表達(dá)式 */ function f_check_formatStr(obj){ var str = obj.value; var dtype = obj.eos_datatype; var regu = dtype.substring(dtype.indexOf("(")+1,dtype.indexOf(")")); //指定的正則表達(dá)式 var re = new RegExp(regu); if(re.test(str)) return true; f_alert(obj , "不符合指定的正則表達(dá)式要求"); return false; } /* 功能:判斷是否為日期(格式:yyyy年MM月dd日,yyyy-MM-dd,yyyy/MM/dd,yyyyMMdd) 提示信息:未輸入或輸入的日期格式錯(cuò)誤! 使用:f_check_date(obj) 返回:bool */ function f_check_date(obj){ var date = Trim(obj.value); var dtype = obj.eos_datatype; var format = dtype.substring(dtype.indexOf("(")+1,dtype.indexOf(")")); //日期格式 var year,month,day,datePat,matchArray; if(/^(y{4})(-|\/)(M{1,2})\2(d{1,2})$/.test(format)) datePat = /^(\d{4})(-|\/)(\d{1,2})\2(\d{1,2})$/; else if(/^(y{4})(年)(M{1,2})(月)(d{1,2})(日)$/.test(format)) datePat = /^(\d{4})年(\d{1,2})月(\d{1,2})日$/; else if(format=="yyyyMMdd") datePat = /^(\d{4})(\d{2})(\d{2})$/; else{ f_alert(obj,"日期格式不對"); return false; } matchArray = date.match(datePat); if(matchArray == null){ f_alert(obj,"日期長度不對,或日期中有非數(shù)字符號"); return false; } if(/^(y{4})(-|\/)(M{1,2})\2(d{1,2})$/.test(format)){ year = matchArray[1]; month = matchArray[3]; day = matchArray[4]; } else{ year = matchArray[1]; month = matchArray[2]; day = matchArray[3]; } if (month < 1 || month > 12){f_alert(obj,"月份應(yīng)該為1到12的整數(shù)");
return false;
}
if (day < 1 || day > 31){
f_alert(obj,"每個(gè)月的天數(shù)應(yīng)該為1到31的整數(shù)");
return false;
}
if ((month==4 || month==6 || month==9 || month==11) && day==31){
f_alert(obj,"該月不存在31號");
return false;
}
if(month==2){
var isleap=(year % 4==0 && (year % 100 !=0 || year % 400==0));
if(day>29){
f_alert(obj,"2月最多有29天");
return false;
}
if((day==29) && (!isleap)){
f_alert(obj,"閏年2月才有29天");
return false;
}
}
return true;
}
/*
功能:校驗(yàn)的格式為yyyy年MM月dd日HH時(shí)mm分ss秒,yyyy-MM-dd HH:mm:ss,yyyy/MM/dd HH:mm:ss,yyyyMMddHHmmss
提示信息:未輸入或輸入的時(shí)間格式錯(cuò)誤
使用:f_check_time(obj)
返回:bool
*/
function f_check_time(obj){ var time = Trim(obj.value); var dtype = obj.eos_datatype; var format = dtype.substring(dtype.indexOf("(")+1,dtype.indexOf(")")); //日期格式 var datePat,matchArray,year,month,day,hour,minute,second; if(/^(y{4})(-|\/)(M{1,2})\2(d{1,2}) (HH:mm:ss)$/.test(format)) datePat = /^(\d{4})(-|\/)(\d{1,2})\2(\d{1,2}) (\d{1,2}):(\d{1,2}):(\d{1,2})$/; else if(/^(y{4})(年)(M{1,2})(月)(d{1,2})(日)(HH時(shí)mm分ss秒)$/.test(format)) datePat = /^(\d{4})年(\d{1,2})月(\d{1,2})日(\d{1,2})時(shí)(\d{1,2})分(\d{1,2})秒$/; else if(format == "yyyyMMddHHmmss") datePat = /^(\d{4})(\d{2})(\d{2})(\d{2})(\d{2})(\d{2})$/; else{ f_alert(obj,"日期格式不對"); return false; } matchArray = time.match(datePat); if(matchArray == null){ f_alert(obj,"日期長度不對,或日期中有非數(shù)字符號"); return false; } if(/^(y{4})(-|\/)(M{1,2})\2(d{1,2}) (HH:mm:ss)$/.test(format)){ year = matchArray[1]; month = matchArray[3]; day = matchArray[4]; hour = matchArray[5]; minute = matchArray[6]; second = matchArray[7]; } else{ year = matchArray[1]; month = matchArray[2]; day = matchArray[3]; hour = matchArray[4]; minute = matchArray[5]; second = matchArray[6]; } if(month < 1 || month > 12){f_alert(obj,"月份應(yīng)該為1到12的整數(shù)");
return false;
}
if(day < 1 || day > 31){
f_alert(obj,"每個(gè)月的天數(shù)應(yīng)該為1到31的整數(shù)");
return false;
}
if((month==4 || month==6 || month==9 || month==11) && day==31){
f_alert(obj,"該月不存在31號");
return false;
}
if(month==2){
var isleap=(year % 4==0 && (year % 100 !=0 || year % 400==0));
if(day>29){
f_alert(obj,"2月最多有29天");
return false;
}
if((day==29) && (!isleap)){
f_alert(obj,"閏年2月才有29天");
return false;
}
}
if(hour<0 || hour>23){
f_alert(obj,"小時(shí)應(yīng)該是0到23的整數(shù)");
return false;
}
if(minute<0 || minute>59){
f_alert(obj,"分應(yīng)該是0到59的整數(shù)");
return false;
}
if(second<0 || second>59){
f_alert(obj,"秒應(yīng)該是0到59的整數(shù)");
return false;
}
return true; }
// 判斷當(dāng)前對象是否可見 function isVisible(obj){ var visAtt,disAtt; try{ disAtt=obj.style.display; visAtt=obj.style.visibility; } catch(e){} if(disAtt=="none" || visAtt=="hidden") return false; return true; } // 判斷當(dāng)前對象及其父對象是否可見 function checkPrVis(obj){ var pr=obj.parentNode; do{ if(pr == undefined || pr == "undefined") return true; else{ if(!isVisible(pr)) return false; } }while(pr=pr.parentNode); return true; } // 彈出警告對話框,用戶點(diǎn)確定后將光標(biāo)置于出錯(cuò)文本框上, 并且將原來輸入內(nèi)容選中。 function f_alert(obj,alertInfo){ var caption = obj.getAttribute("eos_displayname"); if(caption == null) caption = ""; alert(caption + ":" + alertInfo + "!"); obj.select(); if(isVisible(obj) && checkPrVis(obj)) obj.focus(); }// 檢測字符串是否為空
function isnull(str){
var i;
if(str.length == 0)
return true;
for(i=0;i
if(str.charAt(i)!=' ')
return false;
}
return true;
}
/**
* 檢測指定文本框輸入是否合法。
* 如果用戶輸入的內(nèi)容有錯(cuò),則彈出提示對話框,
* 同時(shí)將焦點(diǎn)置于該文本框上,并且該文本框前面
* 會出現(xiàn)一個(gè)警告圖標(biāo)(輸入正確后會自動去掉)。
*/
function checkInput(object){
var image;
var i;
var length;
if(object.eos_maxsize + "" != "undefined") length = object.eos_maxsize;
else length = 0;
if (object.eos_isnull=="true" && isnull(object.value)) return true;
/* 長度校驗(yàn) */
if(length != 0 && strlen(object.value) > parseInt(length)){
f_alert(object, "超出最大長度" + length);
return false;
}
/* 數(shù)據(jù)類型校驗(yàn) */
else{
if(object.eos_datatype + "" != "undefined"){
var dtype = object.eos_datatype;
var objName = object.name;
//如果類型名后面帶有括號,則視括號前面的字符串為校驗(yàn)類型
if(dtype.indexOf("(") != -1)
dtype = dtype.substring(0,dtype.indexOf("("));
//根據(jù)頁面元素的校驗(yàn)類型進(jìn)行校驗(yàn)
try{
if(eval("f_check_" + dtype + "(object)") != true)
return false;
} catch(e){return true;}
/* 如果form中存在name前半部分相同,并且同時(shí)存在以"min"和"max"結(jié)尾的表單域,
那么視為按區(qū)間查詢。即"min"結(jié)尾的表單域的值要小于等于"max"結(jié)尾的表單域的值。 */
if(objName.substring((objName.length-3),objName.length)=="min"){
var objMaxName = objName.substring(0, (objName.length-3)) + "max";
if(document.getElementById(objMaxName) != undefined && document.getElementById(objMaxName) != "undefined" ){
if(checkIntervalObjs(object, document.getElementById(objMaxName)) != true)
return false;
}
}
}
}
return true;
}
/* 檢測表單中所有輸入項(xiàng)的正確性,一般用于表單的onsubmit事件 */
function checkForm(myform){
var i;
for (i=0;i
/* 非自定義屬性的元素不予理睬 */
if(myform.elements[i].eos_displayname + "" == "undefined") continue;
/* 非空校驗(yàn) */
if(myform.elements[i].eos_isnull=="false" && isnull(myform.elements[i].value)){
f_alert(myform.elements[i],"不能為空");
return false;
}
/* 數(shù)據(jù)類型校驗(yàn) */
if(checkInput(myform.elements[i])==false)
return false;
}
return true;
}
/**
* 校驗(yàn)兩個(gè)表單域數(shù)據(jù)的大小,目前只允許比較日期和數(shù)字。
* @param obj1 小值表單域
* @param obj2 大值表單域
*/
function checkIntervalObjs(obj1 , obj2){
var caption1 = obj1.getAttribute("eos_displayname");
var caption2 = obj2.getAttribute("eos_displayname");
var val1 = parseFloat(obj1.value);
var val2 = parseFloat(obj2.value);
// 非自定義屬性的元素不予理睬
if(obj1.eos_displayname + "" == "undefined" || obj2.eos_displayname + "" == "undefined") {
return false;
}
// 日期類型的比較
if(f_check_date(obj1) == true && f_check_date(obj2) == true){
var dtype = obj1.eos_datatype;
var format = dtype.substring(dtype.indexOf("(")+1,dtype.indexOf(")")); //日期格式
val1 = getDateByFormat(obj1.value, format);
dtype = obj2.eos_datatype;
format = dtype.substring(dtype.indexOf("(")+1,dtype.indexOf(")")); //日期格式
val2 = getDateByFormat(obj2.value, format);
if(val1 > val2){
obj2.select();
if(isVisible(obj) && checkPrVis(obj))
obj2.focus();
alert(caption1 + "的起始日期不能大于其終止日期!");
return false;
}
// 數(shù)字類型的比較
if((isNaN(val1) && !isnull(val1)) || (isNaN(val2) && !isnull(val2))){
alert(caption1 + "的值不全為數(shù)字則不能比較!");
return false;
}
if(val1 > val2){
obj2.select();
if(isVisible(obj) && checkPrVis(obj))
obj2.focus();
alert(caption1 + "的起始值不能大于其終止值!");
return false;
}
return true;
}
/*根據(jù)日期格式,將字符串轉(zhuǎn)換成Date對象。
格式:yyyy-年,MM-月,dd-日,HH-時(shí),mm-分,ss-秒。
(格式必須寫全,例如:yy-M-d,是不允許的,否則返回null;格式與實(shí)際數(shù)據(jù)不符也返回null。)
默認(rèn)格式:yyyy-MM-dd HH:mm:ss,yyyy-MM-dd。*/
function getDateByFormat(str){
var dateReg,format;
var y,M,d,H,m,s,yi,Mi,di,Hi,mi,si;
if((arguments[1] + "") == "undefined") format = "yyyy-MM-dd HH:mm:ss";
else format = arguments[1];
yi = format.indexOf("yyyy");
Mi = format.indexOf("MM");
di = format.indexOf("dd");
Hi = format.indexOf("HH");
mi = format.indexOf("mm");
si = format.indexOf("ss");
if(yi == -1 || Mi == -1 || di == -1) return null;
else{
y = parseInt(str.substring(yi, yi+4));
M = parseInt(str.substring(Mi, Mi+2));
d = parseInt(str.substring(di, di+2));
}
if(isNaN(y) || isNaN(M) || isNaN(d)) return null;
if(Hi == -1 || mi == -1 || si == -1) return new Date(y, M-1, d);
else{
H = str.substring(Hi, Hi+4);
m = str.substring(mi, mi+2);
s = str.substring(si, si+2);
}
if(isNaN(parseInt(y)) || isNaN(parseInt(M)) || isNaN(parseInt(d))) return new Date(y, M-1, d);
else return new Date(y, M-1, d,H, m, s);
}
/*LTrim(string):去除左邊的空格*/
function LTrim(str){
var whitespace = new String(" \t\n\r");
var s = new String(str);
if(whitespace.indexOf(s.charAt(0)) != -1){
var j=0, i = s.length;
while(j < i && whitespace.indexOf(s.charAt(j)) != -1){
j++;
}
s = s.substring(j, i);
}
return s;
}
/*RTrim(string):去除右邊的空格*/
function RTrim(str){
var whitespace = new String(" \t\n\r");
var s = new String(str);
if (whitespace.indexOf(s.charAt(s.length-1)) != -1){
var i = s.length - 1;
while (i >= 0 && whitespace.indexOf(s.charAt(i)) != -1){
i--;
}
s = s.substring(0, i+1);
}
return s;
}
/*Trim(string):去除字符串兩邊的空格*/
function Trim(str){
return RTrim(LTrim(str));
}
子模式
子模式了。用來指定重復(fù)次數(shù)的元字符只能作用于緊挨著它的字符或元字符,而在實(shí)際應(yīng)用中我們需要進(jìn)行重復(fù)匹配的字符往往不一定就只是一個(gè)字符或元字符,就如reUrl中所要匹配的“http”和“net”就是多個(gè)字符,這時(shí)候就可以使用(和)將多個(gè)字符括起來作為一個(gè)獨(dú)立的元素來使用。
比如驗(yàn)證email地址的正則表達(dá)式var reMail = /\w+@\w+\.\w+/i;并不完善,一個(gè)有效的用戶名除了可以是字母、數(shù)字、下劃線外,還可以是點(diǎn)號,同時(shí)域名部分也不能保證是mail.com這行的形式,也完全有可能是mail.mymail.com這樣的形式,所以一個(gè)更為完善的匹配有效email地址的正則表達(dá)式是這樣的:
var reEmail = /(\w+\.)*\w+@(\w+\.)+\w+/i;
回溯引用
在web開發(fā)中,我們經(jīng)常需要去匹配HTML標(biāo)簽,大多數(shù)的HTML標(biāo)簽都有一個(gè)開始標(biāo)記和結(jié)束標(biāo)記如
var reH1 = /
.*?<\/h1>/gi;
var reDiv = /
.*?<\/div>/gi;
但是我們所要匹配的并不是某個(gè)或某幾個(gè)HTML標(biāo)簽,事實(shí)上HTML具體是什么樣的形式我們完全是未知的,比如XML的標(biāo)記我們是完全無法預(yù)計(jì)的,所以分組匹配在這里完全排不上用場。幸運(yùn)的是,在正則表達(dá)式中回溯引用允許正則表達(dá)式模式引用前面的匹配結(jié)果。具體應(yīng)用可以參考下面匹配HTML標(biāo)簽的正則表達(dá)式。
var html = "
nowamagic
"; var reTag = /<(\w+\d?)>.*?<\/\1>/gi;
document.write(html.match(reTag));//
nowamagic
reTag最后部分的\1便是一個(gè)回溯引用,引用的前面的第一個(gè)子模式(\w+\d?),當(dāng)然如果前面還存在第二個(gè)子模式我們也可以使用\2引用、。注意:回溯引用只能引用前面已經(jīng)匹配過的結(jié)果,而下面這樣的寫法就是錯(cuò)誤的。
var reTag = /<\1>.*?<\/(\w+\d?)>/gi;
回溯引用在替換操作中有著十分廣泛的應(yīng)用。比如我們要將一段文本中的所有網(wǎng)址自動添加上其對應(yīng)的超鏈接,即是將“http://nowamagic.net”的字符串替換成nowamagic的形式。我們就可以這樣處理:
var url = "http://nowamagic.net";
var reUrl = /(http[s]*:\/{2}(\w+\.)+\w+)/gi;
document.write(url.replace(reUrl,'$1'));
$1引用了前面的子模式(http[s]*:\/{2}(\w+\.)+\w+)。注意:javascript中進(jìn)行替換操作時(shí)回溯引用使用”$”而不是”\”。
前后查找
如果我們需要獲取h1標(biāo)簽中的文本(包含在h1標(biāo)簽中的文本,不包括h1本身),這個(gè)正則表達(dá)式應(yīng)該如何寫?比如”
文章名稱:創(chuàng)新互聯(lián)jAVA教程:JavaScript正則表達(dá)式知識拓展總結(jié)
文章網(wǎng)址:http://www.jiaotiyi.com/article/dhjjcps.html