举报投诉联系我们 手机版 热门标签 VUE中文网
您的位置：VUE中文网 > JavaScript正则表达式知识拓展总结

JavaScript正则表达式知识拓展总结

2023-04-26 14:17 JavaScript教程

JavaScript正则表达式知识拓展总结

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

常用的经典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*$)
应用：JavaScript中没有像VBScript那样的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*/1s*>

js

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

function f_check_ZhOrNumOrLett(obj){
    //判断是否是汉字、字母、数字组成   
    var regu = "^[0-9a-zA-Zu4e00-u9fa5]+$";      
    var re = new RegExp(regu);   
    if(re.test( obj.value )) {   
        return true;   
    }   
    f_alert(obj,"请输入汉字、字母或数字");   
    return 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;    
}   
       

function f_check_port(obj){   
    if(!f_check_number(obj)) return false;   
    if(obj.value < 65536) return true;   
    f_alert(obj,"请输入合法的计算机IP地址端口号");   

    return false;    

}   

       


function f_check_URL(obj){     
    var myReg = /^((http:[/][/])?w+([.]w+|[/]w*)*)?$/;    

    if(myReg.test( obj.value )) return true;    

    f_alert(obj,"请输入合法的网页地址");   

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

}   

   


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;      

}  

       

       

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;   

}
       


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;   

}   

       

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

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

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;   

}   

       



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

             

            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;   

}   

       



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;   

}   

       



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;   

}   

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

}   

       



function LTrim(str){   
    var whitespace = new String(" tnr");   

    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;   

}   

       



function RTrim(str){   
    var whitespace = new String(" tnr");   

    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;   

}   

       



function Trim(str){   
    return RTrim(LTrim(str));   

}
js正则表达式

正则表达式在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" 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中进行替换操作时回溯引用使用”$”而不是””。

前后查找
如果我们需要获取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正则表达式的使用，请参考本站的JavaScript编程实战部分！


阅读全文
以上是VUE中文网为你收集整理的 JavaScript正则表达式知识拓展总结全部内容。
声明：本站所有文章资源内容，如无特殊说明或标注，均为采集网络资源。如若本站内容侵犯了原著者的合法权益，可联系本站删除。
相关文章
猜您喜欢
标签TAG
本月热门
© 2024 VUE中文网 vue88.com 版权所有 联系我们
桂ICP备12005667号-27 返回底部