JavaScript正則表達(dá)式知識拓展總結(jié)

2022-02-14 09:52 更新

JavaScript的正則表達(dá)式是前端中比較重要的部分，正則表達(dá)式主要用于字符串處理，表單驗證等場合，實用高效。JavaScript中的正則表達(dá)式比起C#中的正則表達(dá)式要弱很多，但基本夠用了。在js中定義正則表達(dá)式很簡單，有兩種方式，一種是通過構(gòu)造函數(shù)，一種是通過//，也就是兩個斜杠：

var re =new RegExp("?(w{1,}=w{1,}&){1,}w{1,}=w{1,}");

使用構(gòu)造函數(shù)定義正則表達(dá)式，注意大小寫，否則就會不起作用。由于構(gòu)造函數(shù)的參數(shù)是一個字符串，也可以是兩個斜杠的方式定義，遇到一些特殊字符就需要使用進(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á)式的方法。

  • test -- RegExp的test方法用來測試字符串是否匹配給出的匹配模式，返回布爾值；
  • exec -- RegExp的exec方法返回包含第一個匹配的的數(shù)組或null；
  • match -- String的match方法返回包含所有匹配子字符串的數(shù)組；
  • replace -- String的replace方法完成string的替換操作，支持正則表達(dá)式；
  • search -- 與String的indexof方法類似，不同的是search支持正則表達(dá)式，而不僅僅是字符串；
  • split -- 按照一定規(guī)則拆分字符串并將子字符串存儲到數(shù)組中的String方法。

關(guān)于這些函數(shù)的具體使用方法，可以參閱JS的相關(guān)函數(shù)手冊。

一個實例對象除了方法當(dāng)然還有屬性，一個正則表達(dá)式有以下屬性：

  • global -- 布爾值，若全局選項g已設(shè)置則返回true，否則返回false；
  • ignoreCase -- 布爾值，若忽略大小寫選項i已設(shè)置則返回true，否則返回false；
  • lastIndex -- 整數(shù)，使用exec或test方法時被填入，表示下次匹配將會從哪個字符位置開始；
  • multiline -- 布爾值，表示多行模式選項m是否設(shè)置，若設(shè)置則返回true，否則返回false；
  • source -- 正則表達(dá)式的元字符串形式。/\\/的source將返回”\\“。
javascript

常用的經(jīng)典Javascript正則表達(dá)式

匹配中文字符的正則表達(dá)式：
[\u4e00-\u9fa5]
匹配雙字節(jié)字符(包括漢字在內(nèi))：
[^\x00-\xff]
應(yīng)用：計算字符串的長度（一個雙字節(jié)字符長度計2，ASCII字符計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ù)，我們就可以利用這個表達(dá)式來實現(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á)式來實現(xiàn)去除重復(fù)字符的方法：
使用后向引用取出包括重復(fù)的字符，再以重復(fù)的字符建立第二個表達(dá)式，取到不重復(fù)的字符，兩者串連。這個方法對于字符順序有要求的字符串可能不適用，得用正則表達(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ù)浮點數(shù)（正浮點數(shù) + 0）
^\d+(\.\d+)?$
匹配正浮點數(shù)
^(([0-9]+\.[0-9]*[1-9][0-9]*)|([0-9]*[1-9][0-9]*\.[0-9]+)|([0-9]*[1-9][0-9]*))$
匹配非正浮點數(shù)（負(fù)浮點數(shù) + 0）
^((-\d+(\.\d+)?)|(0+(\.0+)?))$
匹配負(fù)浮點數(shù)
^(-(([0-9]+\.[0-9]*[1-9][0-9]*)|([0-9]*[1-9][0-9]*\.[0-9]+)|([0-9]*[1-9][0-9]*)))$
匹配浮點數(shù)
^(-?\d+)(\.\d+)?$
匹配由26個英文字母組成的字符串
^[A-Za-z]+$
匹配由26個英文字母的大寫組成的字符串
^[A-Z]+$
匹配由26個英文字母的小寫組成的字符串
^[a-z]+$
匹配由數(shù)字和26個英文字母組成的字符串
^[A-Za-z0-9]+$
匹配由數(shù)字、26個英文字母或者下劃線組成的字符串
^\w+$
匹配email地址
^[\w-]+(\.[\w-]+)*@[\w-]+(\.[\w-]+)+$
匹配url
^[a-zA-z]+://匹配(\w+(-\w+)*)(\.(\w+(-\w+)*))*(\?\S*)?$
匹配html tag
<\s*(\S+)(\s[^>]*)?>(.*?)<\s*\/\1\s*>

js

javascript常用的正則表達(dá)式實例

// 取得字符串的字節(jié)長度
function strlen(str){
    var i;   
    var len;   
    len = 0;   
    for (i=0;i<str.length;i++){
        if (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ù)，是則返回true,否則返回false
function f_check_float(obj){
    if(/^(\+|-)?\d+($|\.\d+$)/.test( obj.value)){   
        return true;   
    }    
    else{   
        f_alert(obj,"請輸入實數(shù)");   
        return false;   
    }
}
       
// 校驗數(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;   
    }     
}   
       
// 校驗數(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;   
}   
       
//用途：檢查輸入字符串是否只由漢字組成,如果通過驗證返回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：字符串
返回：
如果通過驗證返回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;   
}
       
/*
用途：校驗ip地址的格式
輸入：strIP：ip地址
返回：如果通過驗證返回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,"請輸入合法的計算機IP地址");   
    return false;    
}   
       
/*
用途：檢查輸入對象的值是否符合端口號格式
輸入：str 輸入的字符串
返回：如果通過驗證返回true,否則返回false
*/
function f_check_port(obj){   
    if(!f_check_number(obj)) return false;   
    if(obj.value < 65536) return true;   
    f_alert(obj,"請輸入合法的計算機IP地址端口號");   

    return false;    

}   

       
/*

用途：檢查輸入對象的值是否符合網(wǎng)址格式

輸入：str 輸入的字符串

返回：如果通過驗證返回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 輸入的字符串

返回：如果通過驗證返回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"

用途：檢查輸入手機號碼是否正確

輸入：

s：字符串

返回：

如果通過驗證返回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,"請輸入正確的手機號碼");   

    return false;      

}  

       

/*

要求：一、電話號碼由數(shù)字、"("、")"和"-"構(gòu)成

二、電話號碼為3到8位

三、如果電話號碼中包含有區(qū)號，那么區(qū)號為三位或四位

四、區(qū)號用"("、")"或"-"和其他部分隔開

用途：檢查輸入的電話號碼格式是否正確

輸入：

strPhone：字符串

返回：

如果通過驗證返回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ù)字、字母、下劃線的組合，

第一個字符不能為數(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第一個字符不能為數(shù)字");   

        return false;   

    }   

    if(!/^\w{1,20}$/.test(userID)){
        f_alert(obj,"ID只能由數(shù)字、字母、下劃線組合而成");   

        return false;   

    }   

    return true;   

}   

       

/*

功能：驗證身份證號碼是否有效

提示信息：未輸入或輸入身份證號不正確！

使用：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;   
    }   
    //在后面的運算中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位身份證驗算
    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;   
        }   
        //驗證身份正好是否合法（最后一位校驗碼驗算）
        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位身份證驗算   
    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)
提示信息：未輸入或輸入的日期格式錯誤！
使用：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,"每個月的天數(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;   

}   

       

/*

功能：校驗的格式為yyyy年MM月dd日HH時mm分ss秒,yyyy-MM-dd HH:mm:ss,yyyy/MM/dd HH:mm:ss,yyyyMMddHHmmss

提示信息：未輸入或輸入的時間格式錯誤

使用：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時mm分ss秒)$/.test(format))   
        datePat = /^(\d{4})年(\d{1,2})月(\d{1,2})日(\d{1,2})時(\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,"每個月的天數(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,"小時應(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;   
}   
       
// 彈出警告對話框，用戶點確定后將光標(biāo)置于出錯文本框上， 并且將原來輸入內(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<str.length;i++){   
        if(str.charAt(i)!=' ')    

            return false;   

    }   

    return true;   

}   

       

/**

* 檢測指定文本框輸入是否合法。

* 如果用戶輸入的內(nèi)容有錯，則彈出提示對話框，

* 同時將焦點置于該文本框上，并且該文本框前面

* 會出現(xiàn)一個警告圖標(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;   

    /* 長度校驗 */  

    if(length != 0 && strlen(object.value) > parseInt(length)){   

        f_alert(object, "超出最大長度" + length);   

        return false;   

    }    

    /* 數(shù)據(jù)類型校驗 */  

    else{   

        if(object.eos_datatype + "" != "undefined"){          
            var dtype = object.eos_datatype;   

            var objName = object.name;   

            //如果類型名后面帶有括號，則視括號前面的字符串為校驗類型   

            if(dtype.indexOf("(") != -1)   

                dtype = dtype.substring(0,dtype.indexOf("("));   

                //根據(jù)頁面元素的校驗類型進(jìn)行校驗   

            try{   

                if(eval("f_check_" + dtype + "(object)") != true)   

                    return false;   

            }
            catch(e){return true;}   

            /*  如果form中存在name前半部分相同，并且同時存在以"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;   

}   

       

/* 檢測表單中所有輸入項的正確性，一般用于表單的onsubmit事件 */

function checkForm(myform){   

    var i;   

    for (i=0;i<myform.elements.length;i++){   
        /* 非自定義屬性的元素不予理睬 */        

        if(myform.elements[i].eos_displayname + "" == "undefined") continue;   

        /* 非空校驗 */  

        if(myform.elements[i].eos_isnull=="false" && isnull(myform.elements[i].value)){   

            f_alert(myform.elements[i],"不能為空");   

            return false;   

        }          

        /* 數(shù)據(jù)類型校驗 */  

        if(checkInput(myform.elements[i])==false)   

            return false;                  

    }   

    return true;   

}   

       

/**

* 校驗兩個表單域數(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-時，mm-分，ss-秒。

（格式必須寫全，例如:yy-M-d，是不允許的，否則返回null；格式與實際數(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));   

}
js正則表達(dá)式

正則表達(dá)式在JavaScript中的高級應(yīng)用


子模式
子模式了。用來指定重復(fù)次數(shù)的元字符只能作用于緊挨著它的字符或元字符，而在實際應(yīng)用中我們需要進(jìn)行重復(fù)匹配的字符往往不一定就只是一個字符或元字符，就如reUrl中所要匹配的“http”和“net”就是多個字符，這時候就可以使用（和）將多個字符括起來作為一個獨立的元素來使用。

比如驗證email地址的正則表達(dá)式var reMail = /\w+@\w+\.\w+/i;并不完善，一個有效的用戶名除了可以是字母、數(shù)字、下劃線外，還可以是點號，同時域名部分也不能保證是mail.com這行的形式，也完全有可能是mail.mymail.com這樣的形式，所以一個更為完善的匹配有效email地址的正則表達(dá)式是這樣的：
var reEmail = /(\w+\.)*\w+@(\w+\.)+\w+/i;

回溯引用
在web開發(fā)中，我們經(jīng)常需要去匹配HTML標(biāo)簽，大多數(shù)的HTML標(biāo)簽都有一個開始標(biāo)記和結(jié)束標(biāo)記如<h1></h1>,<div></div>，如果只需單純的匹配H1和DIV我們可以很容易的構(gòu)造出該正則表達(dá)式：
var reH1 = /<h1>.*?<\/h1>/gi;

var reDiv = /<div>.*?<\/div>/gi;
但是我們所要匹配的并不是某個或某幾個HTML標(biāo)簽，事實上HTML具體是什么樣的形式我們完全是未知的，比如XML的標(biāo)記我們是完全無法預(yù)計的，所以分組匹配在這里完全排不上用場。幸運的是，在正則表達(dá)式中回溯引用允許正則表達(dá)式模式引用前面的匹配結(jié)果。具體應(yīng)用可以參考下面匹配HTML標(biāo)簽的正則表達(dá)式。
var html = "<h1>nowamagic</h1>";

var reTag = /<(\w+\d?)>.*?<\/\1>/gi;

document.write(html.match(reTag));//<h1>nowamagic</h1>
reTag最后部分的\1便是一個回溯引用，引用的前面的第一個子模式(\w+\d?)，當(dāng)然如果前面還存在第二個子模式我們也可以使用\2引用、。注意：回溯引用只能引用前面已經(jīng)匹配過的結(jié)果，而下面這樣的寫法就是錯誤的。
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;

//<a  rel="external nofollow" target="_blank" >http://nowamagic.net</a>

document.write(url.replace(reUrl,'<a href="$1">$1</a>'));
$1引用了前面的子模式(http[s]*:\/{2}(\w+\.)+\w+)。注意：javascript中進(jìn)行替換操作時回溯引用使用”$”而不是”\”。

前后查找
如果我們需要獲取h1標(biāo)簽中的文本（包含在h1標(biāo)簽中的文本，不包括h1本身），這個正則表達(dá)式應(yīng)該如何寫？比如”<h1>front-end</h1>”，在所有介紹過的方法中，似乎都還沒有提及過要匹配某個字符串，但卻只返回某些字符前或后的字符串的情況，正則表達(dá)式中確實是存在這樣的語法。
var fe = "<h1>front-end</h1>";

var reInnerText = /(?<=<h1>).*?(?=<\/h1>))/i;

在reInnerText和/<h1>.*?<\/h1>/i的匹配模式是相同的，唯一不同的返回結(jié)果，/<h1>.*?<\/h1>/i會返回整個fe字符串，而reInnerText只返回”front-end”，比較這兩個正則表達(dá)式可以發(fā)現(xiàn)兩處不同的寫法：(?<=<h1>)，(?=<\/h1>)。(?<=<h1>)定義了一個向后查找模式，即匹配結(jié)果只包括”<h1>”后面的部分；(?=<\/h1>)則定義的是一個向前查找模式，匹配結(jié)果只返回”</h1>”前的結(jié)果；所以reInnerText的匹配結(jié)果只返回”<h1>”和”</h1>”之間的內(nèi)容！前后查找的語法很簡單，向前查找是一個以”?=”開頭的字表達(dá)式，而向后查找確實一個以”?<=”開頭的字表達(dá)式。

遺憾的是javascript并不支持正則表達(dá)式的向后查找，所以事實上reInnerText的寫法在javascript是有語法錯誤的。有條件可以使用其他支持前后查找的語言進(jìn)行驗證，比如PHP。

$title = '<h1>front-end</h1>';

if(preg_match('/(?<=<h1>).*?(?=<\/h1>)/i',$title,$rst)){

   echo $rst[0];//front-end

}
提示：如果您想要進(jìn)一步鞏固對于JavaScript正則表達(dá)式的使用，請參考本站的JavaScript編程實戰(zhàn)部分！


以上內(nèi)容是否對您有幫助：
在線筆記
App下載
App下載

掃描二維碼

下載編程獅App

公眾號
微信公眾號

編程獅公眾號