日本搞逼视频_黄色一级片免费在线观看_色99久久_性明星video另类hd_欧美77_综合在线视频

中國最全IT社區平臺聯系我們 | 收藏本站

javascript教程

JavaScript 教程

JS 函數

JS HTML DOM

JS 高級教程

JS 瀏覽器BOM

JS 庫

JS 實例

拓展閱讀

←上一篇： JavaScript性能優化小竅門匯總（含實例）

javascript正則表達式知識拓展總結

閱讀 (2451)

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

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

使用構造函數定義正則表達式，注意大小寫，負責就會不起作用。由于構造函數的參數是一個字符串，也可以是兩個斜杠的方式定義，遇到一些特殊字符就需要使用進行轉義通過雙斜杠的方式定義同樣的正則表達式。

var   re =/?(w{1,}=w{1,}&){1,}w{1,}=w{1,}/;

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

可以和構造函數達到同樣的效果，但仔細分析，發現，通過構造函數需要更多的轉義字符

如何在javascript中真正使用正則表達式呢？在javascript中RegExp和String對象都有處理正則表達式的方法。

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

關于這些函數的具體使用方法，可以參閱JS的相關函數手冊。

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

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

常用的經典Javascript正則表達式

匹配中文字符的正則表達式：

[\u4e00-\u9fa5]

匹配雙字節字符(包括漢字在內)：

[^\x00-\xff]

應用：計算字符串的長度（一個雙字節字符長度計2，ASCII字符計1）

String.prototype.len=function(){ return this.replace([^\x00-\xff]/g,"aa").length; }

匹配空行的正則表達式：

\n[\s|]*\r

匹配HTML標記的正則表達式：

/<(.*)>.*<\/\1>|<(.*) \/>/

匹配首尾空格的正則表達式：

(^\s*)|(\s*$)

應用：j avascript中沒有像v bscript那樣的trim函數，我們就可以利用這個表達式來實現，如下：

String.prototype.trim = function()
{
    return this.replace(/(^\s*)|(\s*$)/g, "");
}

利用正則表達式分解和轉換IP地址：
下面是利用正則表達式匹配IP地址，并將IP地址轉換成對應數值的Javascript程序：

function IP2V(ip)
{
    re=/(\d+)\.(\d+)\.(\d+)\.(\d+)/g  //匹配IP地址的正則表達式
    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!")
    }
}

不過上面的程序如果不用正則表達式，而直接用split函數來分解可能更簡單，程序如下：

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地址的正則表達式：

\w+([-+.]\w+)*@\w+([-.]\w+)*\.\w+([-.]\w+)*

匹配網址URL的正則表達式：

http://([\w-]+\.)+[\w-]+(/[\w- ./?%&=]*)?

利用正則表達式去除字串中重復的字符的算法程序：[*注：此程序不正確]

var s="abacabefgeeii"
var s1=s.replace(/(.).*\1/g,"$1")
var re=new RegExp("["+s1+"]","g")
var s2=s.replace(re,"")
alert(s1+s2)  //結果為：abcefgi

*注
===============================
如果var s = “abacabefggeeii”
結果就不對了，結果為：abeicfgg
正則表達式的能力有限
===============================

表達式來實現去除重復字符的方法：

使用后向引用取出包括重復的字符，再以重復的字符建立第二個表達式，取到不重復的字符，兩者串連。這個方法對于字符順序有要求的字符串可能不適用，得用正則表達式從URL地址中提取文件名的javascript程序，如下結果為page1

s="http://blog.penner.cn/page1.htm"
s=s.replace(/(.*\/){ 0, }([^\.]+).*/ig,"$2")
alert(s)

利用正則表達式限制網頁表單里的文本框輸入內容：

用正則表達式限制只能輸入中文：

onkeyup="value=value.replace(/[^\u4E00-\u9FA5]/g,'')" onbeforepaste="clipboardData.setData('text',clipboardData.getData('text').replace(/[^\u4E00-\u9FA5]/g,''))"

用正則表達式限制只能輸入全角字符：

onkeyup="value=value.replace(/[^\uFF00-\uFFFF]/g,'')" onbeforepaste="clipboardData.setData('text',clipboardData.getData('text').replace(/[^\uFF00-\uFFFF]/g,''))"

用正則表達式限制只能輸入數字：

onkeyup="value=value.replace(/[^\d]/g,'') "onbeforepaste="clipboardData.setData('text',clipboardData.getData('text').replace(/[^\d]/g,''))"

用正則表達式限制只能輸入數字和英文：

onkeyup="value=value.replace(/[\W]/g,'') "onbeforepaste="clipboardData.setData('text',clipboardData.getData('text').replace(/[^\d]/g,''))"

匹配非負整數（正整數 + 0）

^\d+$

匹配正整數

^[0-9]*[1-9][0-9]*$

匹配非正整數（負整數 + 0）

^((-\d+)|(0+))$

匹配負整數

^-[0-9]*[1-9][0-9]*$

匹配整數

^-?\d+$

匹配非負浮點數（正浮點數 + 0）

^\d+(\.\d+)?$

匹配正浮點數

^(([0-9]+\.[0-9]*[1-9][0-9]*)|([0-9]*[1-9][0-9]*\.[0-9]+)|([0-9]*[1-9][0-9]*))$

匹配非正浮點數（負浮點數 + 0）

^((-\d+(\.\d+)?)|(0+(\.0+)?))$

匹配負浮點數

^(-(([0-9]+\.[0-9]*[1-9][0-9]*)|([0-9]*[1-9][0-9]*\.[0-9]+)|([0-9]*[1-9][0-9]*)))$

匹配浮點數

^(-?\d+)(\.\d+)?$

匹配由26個英文字母組成的字符串

^[A-Za-z]+$

匹配由26個英文字母的大寫組成的字符串

^[A-Z]+$

匹配由26個英文字母的小寫組成的字符串

^[a-z]+$

匹配由數字和26個英文字母組成的字符串

^[A-Za-z0-9]+$

匹配由數字、26個英文字母或者下劃線組成的字符串

^\w+$

匹配email地址

^[\w-]+(\.[\w-]+)*@[\w-]+(\.[\w-]+)+$

匹配url

^[a-zA-z]+://匹配(\w+(-\w+)*)(\.(\w+(-\w+)*))*(\?\S*)?$

匹配html tag

<\s*(\S+)(\s[^>]*)?>(.*?)<\s*\/\1\s*>

javascript常用的正則表達式實例

/**
* 取得字符串的字節長度
*/
 
    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;   
    }   
       

/*
* 判斷是否為數字，是則返回true,否則返回false
*/
 
    function f_check_number(obj)   
    {          
        if (/^\d+$/.test(obj.value))   
        {   
           return true;   
        }    
        else    
        {   
           f_alert(obj,"請輸入數字");   
           return false;   
        }   
    }   
       

/*
* 判斷是否為自然數，是則返回true,否則返回false
*/
 
    function f_check_naturalnumber(obj)   
    {          
        var s = obj.value;   
        if (/^[0-9]+$/.test( s ) && (s > 0))   
        {   
           return true;   
        }    
        else    
        {   
            f_alert(obj,"請輸入自然數");   
            return false;   
        }   
    }   
       

/*
* 判斷是否為整數，是則返回true,否則返回false
*/
 
    function f_check_integer(obj)   
    {          
        if (/^(\+|-)?\d+$/.test( obj.value ))    
        {   
           return true;   
        }    
        else    
        {   
            f_alert(obj,"請輸入整數");   
            return false;   
        }   
    }   
       

/*
* 判斷是否為實數，是則返回true,否則返回false
*/
 
    function f_check_float(obj)   
    {          
        if (/^(\+|-)?\d+($|\.\d+$)/.test( obj.value ))    
        {   
           return true;   
        }    
        else    
        {   
            f_alert(obj,"請輸入實數");   
           return false;   
        }   
    }   
       

/*
* 校驗數字的長度和精度
*/
 
    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, "");   
            //整數   
            if(prec==0){   
                numReg =/[\.]/;   
                if(numReg.test(value) == true){   
                    f_alert(obj, "輸入必須為整數類型");   
                    return false;      
                }              
            }          
            if(strValueTemp.indexOf(".") < 0 ){   
                if(strValueTemp.length >( len - prec)){   
                    f_alert(obj, "整數位不能超過"+ (len - prec) +"位");   
                    return false;   
                }          
            }else{   
                strInt = strValueTemp.substr( 0, strValueTemp.indexOf(".") );          
                if(strInt.length >( len - prec)){   
                    f_alert(obj, "整數位不能超過"+ (len - prec) +"位");   
                    return false;   
                }   
                strDec = strValueTemp.substr( (strValueTemp.indexOf(".")+1), strValueTemp.length );    
                if(strDec.length > prec){   
                    f_alert(obj, "小數位不能超過"+  prec +"位");   
                    return false;   
                }          
            }          
            return true;   
        }catch(e){   
            alert("in f_check_double = " + e);   
            return false;   
        }      
    }   
       

/*
* 校驗數字的最小最大值
* 返回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, "值必須為數字");   
            return false;   
        }   
        if((isNaN(minVal) && (minLimit != "-")) || (isNaN(maxVal) && (maxLimit != "+")))   
        {   
            f_alert(obj, "邊界值必須為數字或-、+");   
            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, "值應該在" + 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;   
    }   
       

/*
用途：檢查輸入字符串是否只由漢字、字母、數字組成
輸入：
value：字符串
返回：
如果通過驗證返回true,否則返回false
*/
 
    function f_check_ZhOrNumOrLett(obj){    //判斷是否是漢字、字母、數字組成   
        var regu = "^[0-9a-zA-Z\u4e00-\u9fa5]+$";      
        var re = new RegExp(regu);   
        if (re.test( obj.value )) {   
          return true;   
        }   
        f_alert(obj,"請輸入漢字、字母或數字");   
        return false;   
    }   
       

/*
用途：校驗ip地址的格式
輸入：strIP：ip地址
返回：如果通過驗證返回true,否則返回false；
*/
 
    function f_check_IP(obj)    
    {    
        var re=/^(\d+)\.(\d+)\.(\d+)\.(\d+)$/; //匹配IP地址的正則表達式   
        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;    
    }   
       

/*
用途：檢查輸入對象的值是否符合網址格式
輸入：str 輸入的字符串
返回：如果通過驗證返回true,否則返回false
*/
 
    function f_check_URL(obj){     
        var myReg = /^((http:[/][/])?\w+([.]\w+|[/]\w*)*)?$/;    
        if(myReg.test( obj.value )) return true;    
        f_alert(obj,"請輸入合法的網頁地址");   
        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;      
    }   
       

/*
要求：一、電話號碼由數字、"("、")"和"-"構成
二、電話號碼為3到8位
三、如果電話號碼中包含有區號，那么區號為三位或四位
四、區號用"("、")"或"-"和其他部分隔開
用途：檢查輸入的電話號碼格式是否正確
輸入：
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，可以為數字、字母、下劃線的組合，
第一個字符不能為數字,且總長度不能超過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第一個字符不能為數字");   
            return false;   
        }   
        if(!/^\w{1,20}$/.test(userID))    
        {   
            f_alert(obj,"ID只能由數字、字母、下劃線組合而成");   
            return false;   
        }   
        return true;   
    }   
       

/*
功能：驗證身份證號碼是否有效
提示信息：未輸入或輸入身份證號不正確！
使用：f_check_IDno(obj)
返回：bool
*/
 
    function f_check_IDno(obj)   
    {    
        var aCity={11:"北京",12:"天津",13:"河北",14:"山西",15:"內蒙古",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相當于數字10,所以轉換成a   
        strIDno = strIDno.replace(/x$/i,"a");   

        if(aCity[parseInt(strIDno.substr(0,2))]==null)   
        {   
            f_alert(obj,"非法地區");   
            return false;   
        }   

        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;   
            }   
        }   
        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;    
    }   
       

/*
* 判斷字符串是否符合指定的正則表達式
*/
 
    function f_check_formatStr(obj)   
    {   
        var str = obj.value;   
        var dtype = obj.eos_datatype;   
        var regu = dtype.substring(dtype.indexOf("(")+1,dtype.indexOf(")"));    //指定的正則表達式   
        var re = new RegExp(regu);   
        if(re.test(str))   
            return true;   
        f_alert(obj , "不符合指定的正則表達式要求");   
        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,"日期長度不對,或日期中有非數字符號");   
            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,"月份應該為1到12的整數");   
            return false;   
        }   
        if (day < 1 || day > 31)   
        {   
            f_alert(obj,"每個月的天數應該為1到31的整數");   
            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,"日期長度不對,或日期中有非數字符號");   
            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,"月份應該為1到12的整數");   
            return false;   
        }   
        if (day < 1 || day > 31)   
        {              
            f_alert(obj,"每個月的天數應該為1到31的整數");   
            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,"小時應該是0到23的整數");   
            return false;   
        }   
        if(minute<0 || minute>59)   
        {   
            f_alert(obj,"分應該是0到59的整數");   
            return false;   
        }   
        if(second<0 || second>59)   
        {   
            f_alert(obj,"秒應該是0到59的整數");   
            return false;   
        }   
        return true;   
    }   
       

/*判斷當前對象是否可見*/
 
    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;   
    }   
       

/*判斷當前對象及其父對象是否可見*/
 
    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;   
    }   
       

/* 彈出警告對話框，用戶點確定后將光標置于出錯文本框上， 并且將原來輸入內容選中。*/
 
    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;   
    }   
       

/**
* 檢測指定文本框輸入是否合法。
* 如果用戶輸入的內容有錯，則彈出提示對話框，
* 同時將焦點置于該文本框上，并且該文本框前面
* 會出現一個警告圖標(輸入正確后會自動去掉)。
*/
 
    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;   
        }    
        /* 數據類型校驗 */  
        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("("));   
                //根據頁面元素的校驗類型進行校驗   
                try{   
                    if(eval("f_check_" + dtype + "(object)") != true)   
                        return false;   
                }catch(e){return true;}   
                /*  如果form中存在name前半部分相同，并且同時存在以"min"和"max"結尾的表單域，  
                    那么視為按區間查詢。即"min"結尾的表單域的值要小于等于"max"結尾的表單域的值。 */ 
                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;   
            }          
            /* 數據類型校驗 */  
            if (checkInput(myform.elements[i])==false)   
                return false;                  
        }   
        return true;   
    }   
       

/**
* 校驗兩個表單域數據的大小，目前只允許比較日期和數字。
* @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;   
            }   
        }   
        // 數字類型的比較   
        if((isNaN(val1) && !isnull(val1)) || (isNaN(val2) && !isnull(val2))){   
            alert(caption1 + "的值不全為數字則不能比較！");   
            return false;   
        }   
        if(val1 > val2){   
            obj2.select();   
            if(isVisible(obj) && checkPrVis(obj))   
                obj2.focus();   
            alert(caption1 + "的起始值不能大于其終止值！");   
            return false;   
        }   
        return true;   
    }   
       
 
/*根據日期格式，將字符串轉換成Date對象。
格式：yyyy-年，MM-月，dd-日，HH-時，mm-分，ss-秒。
（格式必須寫全，例如:yy-M-d，是不允許的，否則返回null；格式與實際數據不符也返回null。）
默認格式：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));   
    }

正則表達式在JavaScript中的高級應用

子模式

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

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

var reEmail = /(\w+\.)*\w+@(\w+\.)+\w+/i;

回溯引用

在web開發中，我們經常需要去匹配HTML標簽，大多數的HTML標簽都有一個開始標記和結束標記如<h1></h1>,<div></div>，如果只需單純的匹配H1和DIV我們可以很容易的構造出該正則表達式：

var reH1 = /<h1>.*?<\/h1>/gi;
var reDiv = /<div>.*?<\/div>/gi;

但是我們所要匹配的并不是某個或某幾個HTML標簽，事實上HTML具體是什么樣的形式我們完全是未知的，比如XML的標記我們是完全無法預計的，所以分組匹配在這里完全排不上用場。幸運的是，在正則表達式中回溯引用允許正則表達式模式引用前面的匹配結果。具體應用可以參考下面匹配HTML標簽的正則表達式。

var html = "<h1>nowamagic</h1>";
var reTag = /<(\w+\d?)>.*?<\/\1>/gi;
document.write(html.match(reTag));//<h1>nowamagic</h1>

reTag最后部分的\1便是一個回溯引用，引用的前面的第一個子模式(\w+\d?)，當然如果前面還存在第二個子模式我們也可以使用\2引用、。注意：回溯引用只能引用前面已經匹配過的結果，而下面這樣的寫法就是錯誤的。

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

回溯引用在替換操作中有著十分廣泛的應用。比如我們要將一段文本中的所有網址自動添加上其對應的超鏈接，即是將“http://nowamagic.net”的字符串替換成nowamagic的形式。我們就可以這樣處理：

var url = "http://nowamagic.net";
var reUrl = /(http[s]*:\/{2}(\w+\.)+\w+)/gi;
//<a href="http://nowamagic.net">http://nowamagic.net</a>
document.write(url.replace(reUrl,'<a href="$1">$1</a>'));

$1引用了前面的子模式(http[s]*:\/{2}(\w+\.)+\w+)。注意：javascript中進行替換操作時回溯引用使用”$”而不是”\”。

前后查找

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

var fe = "<h1>front-end</h1>";
var reInnerText = /(?<=<h1>).*?(?=<\/h1>))/i;

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

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

$title = '<h1>front-end</h1>';
if(preg_match('/(?<=<h1>).*?(?=<\/h1>)/i',$title,$rst)){
   echo $rst[0];//front-end
}

←上一篇： JavaScript性能優化小竅門匯總（含實例）

教程導航