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

news/2024/3/29 13:44:31/文章来源:https://blog.csdn.net/cdming/article/details/129680411

JavaScript的正则表达式是前端中比较重要的部分,正则表达式主要用于字符串处理,表单验证等场合,实用高效。JavaScript中的正则表达式比起C#中的正则表达式要弱很多,但基本够用了。在js中定义正则表达式很简单,有两种方式,一种是通过构造函数,一种是通过//,也就是两个斜杠:

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

使用构造函数定义正则表达式,注意大小写,否则就会不起作用。由于构造函数的参数是一个字符串,也可以是两个斜杠的方式定义,遇到一些特殊字符就需要使用进行转义通过双斜杠的方式定义同样的正则表达式。

var re =/?(w{1,}=w{1,}&){1,}w{1,}=w{1,}/;
var re =newRegExp( /^?(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(){ returnthis.replace([^\x00-\xff]/g,"aa").length; }

匹配空行的正则表达式:

\n[\s|]*\r

匹配HTML标记的正则表达式:

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

匹配首尾空格的正则表达式:

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

应用:JavaScript中没有像VBScript那样的trim函数,我们就可以利用这个表达式来实现,如下:

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

利用正则表达式分解和转换IP地址:

下面是利用正则表达式匹配IP地址,并将IP地址转换成对应数值的Javascript程序:

functionIP2V(ip){re=/(\d+)\.(\d+)\.(\d+)\.(\d+)/g//匹配IP地址的正则表达式if(re.test(ip)){returnRegExp.$1*Math.pow(255,3))+RegExp.$2*Math.pow(255,2))+RegExp.$3*255+RegExp.$4*1}else{thrownewError("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=newRegExp("["+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常用的正则表达式实例

// 取得字符串的字节长度functionstrlen(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,否则返回falsefunctionf_check_number(obj){if(/^\d+$/.test(obj.value)){   returntrue;   }    else{   f_alert(obj,"请输入数字");   returnfalse;   }   
}   // 判断是否为自然数,是则返回true,否则返回false functionf_check_naturalnumber(obj){var s = obj.value;   if(/^[0-9]+$/.test( s ) && (s > 0)){   returntrue;   }    else{   f_alert(obj,"请输入自然数");   returnfalse;   }   
}   // 判断是否为整数,是则返回true,否则返回falsefunctionf_check_integer(obj){if(/^(\+|-)?\d+$/.test( obj.value)){   returntrue;   }    else{   f_alert(obj,"请输入整数");   returnfalse;   }   
}   // 判断是否为实数,是则返回true,否则返回falsefunctionf_check_float(obj){if(/^(\+|-)?\d+($|\.\d+$)/.test( obj.value)){   returntrue;   }    else{   f_alert(obj,"请输入实数");   returnfalse;   }
}// 校验数字的长度和精度functionf_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, "输入必须为整数类型");   returnfalse;      }              }          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) +"位");   returnfalse;   }   strDec = strValueTemp.substr( (strValueTemp.indexOf(".")+1), strValueTemp.length );    if(strDec.length > prec){   f_alert(obj, "小数位不能超过"+  prec +"位");   returnfalse;   }          }          returntrue;   }catch(e){   alert("in f_check_double = " + e);   returnfalse;   }     
}   // 校验数字的最小最大值,返回boolfunctionf_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, "值必须为数字");   returnfalse;   }   if((isNaN(minVal) && (minLimit != "-")) || (isNaN(maxVal) && (maxLimit != "+"))){f_alert(obj, "边界值必须为数字或-、+");   returnfalse;   }   if(minLimit == "-" && !isNaN(maxVal)){if(value > maxVal){f_alert(obj, "值不能超过" + maxVal);   returnfalse;   }   }   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;   }   }       }   returntrue;   
}   //用途:检查输入字符串是否只由汉字组成,如果通过验证返回true,否则返回falsefunctionf_check_zh(obj){   if(/^[\u4e00-\u9fa5]+$/.test(obj.value)) {   returntrue;   }   f_alert(obj,"请输入汉字");   returnfalse;   
}   // 判断是否为小写英文字母,是则返回true,否则返回falsefunctionf_check_lowercase(obj){if(/^[a-z]+$/.test( obj.value )){   returntrue;   }    f_alert(obj,"请输入小写英文字母");   returnfalse;   
}   // 判断是否为大写英文字母,是则返回true,否则返回falsefunctionf_check_uppercase(obj){if (/^[A-Z]+$/.test( obj.value )){returntrue;   }    f_alert(obj,"请输入大写英文字母");   returnfalse;   
}   // 判断是否为英文字母,是则返回true,否则返回falsefunctionf_check_letter(obj){if(/^[A-Za-z]+$/.test( obj.value )){   returntrue;   }    f_alert(obj,"请输入英文字母");   returnfalse;   
}   /**
用途:检查输入字符串是否只由汉字、字母、数字组成
输入:
value:字符串
返回:
如果通过验证返回true,否则返回false
*/functionf_check_ZhOrNumOrLett(obj){//判断是否是汉字、字母、数字组成   var regu = "^[0-9a-zA-Z\u4e00-\u9fa5]+$";      var re = newRegExp(regu);   if(re.test( obj.value )) {   returntrue;   }   f_alert(obj,"请输入汉字、字母或数字");   returnfalse;   
}/*
用途:校验ip地址的格式
输入:strIP:ip地址
返回:如果通过验证返回true,否则返回false;
*/functionf_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 ){            returntrue;} }   f_alert(obj,"请输入合法的计算机IP地址");   returnfalse;    
}   /*
用途:检查输入对象的值是否符合端口号格式
输入:str 输入的字符串
返回:如果通过验证返回true,否则返回false
*/functionf_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
*/functionf_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,"非法身份证号");   returnfalse;   }   //在后面的运算中x相当于数字10,所以转换成a   strIDno = strIDno.replace(/x$/i,"a");   if(aCity[parseInt(strIDno.substr(0,2))]==null){f_alert(obj,"非法地区");   returnfalse;   }   //18位身份证验算if (idCardLength==18){sBirthday=strIDno.substr(6,4)+"-"+Number(strIDno.substr(10,2))+"-"+Number(strIDno.substr(12,2));   var d = newDate(sBirthday.replace(/-/g,"/"))   if(sBirthday!=(d.getFullYear()+"-"+ (d.getMonth()+1) + "-" + d.getDate())){          f_alert(obj,"非法生日");   returnfalse;   }   //验证身份正好是否合法(最后一位校验码验算)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,"非法身份证号");   returnfalse;   }   }//15位身份证验算   elseif (idCardLength==15){   sBirthday = "19" + strIDno.substr(6,2) + "-" + Number(strIDno.substr(8,2)) + "-" + Number(strIDno.substr(10,2));   var d = newDate(sBirthday.replace(/-/g,"/"))   var dd = d.getFullYear().toString() + "-" + (d.getMonth()+1) + "-" + d.getDate();      if(sBirthday != dd){f_alert(obj,"非法生日");   returnfalse;   }   }   returntrue;    
}/*
* 判断字符串是否符合指定的正则表达式
*/functionf_check_formatStr(obj){var str = obj.value;   var dtype = obj.eos_datatype;   var regu = dtype.substring(dtype.indexOf("(")+1,dtype.indexOf(")"));    //指定的正则表达式   var re = newRegExp(regu);   if(re.test(str)) returntrue;   f_alert(obj , "不符合指定的正则表达式要求");   returnfalse;      
}   /*
功能:判断是否为日期(格式:yyyy年MM月dd日,yyyy-MM-dd,yyyy/MM/dd,yyyyMMdd)
提示信息:未输入或输入的日期格式错误!
使用:f_check_date(obj)
返回:bool
*/functionf_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})$/;   elseif(/^(y{4})(年)(M{1,2})(月)(d{1,2})(日)$/.test(format))   datePat = /^(\d{4})年(\d{1,2})月(\d{1,2})日$/;   elseif(format=="yyyyMMdd")   datePat = /^(\d{4})(\d{2})(\d{2})$/;   else{   f_alert(obj,"日期格式不对");   returnfalse;   }   matchArray = date.match(datePat);   if(matchArray == null){f_alert(obj,"日期长度不对,或日期中有非数字符号");   returnfalse;   }   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
*/
functionf_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})$/;   elseif(/^(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})秒$/;   elseif(format == "yyyyMMddHHmmss")   datePat = /^(\d{4})(\d{2})(\d{2})(\d{2})(\d{2})(\d{2})$/;   else{   f_alert(obj,"日期格式不对");   returnfalse;   }   matchArray = time.match(datePat);   if(matchArray == null){f_alert(obj,"日期长度不对,或日期中有非数字符号");   returnfalse;   }   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;   
}   // 判断当前对象是否可见functionisVisible(obj){   var visAtt,disAtt;   try{   disAtt=obj.style.display;   visAtt=obj.style.visibility;   }catch(e){}   if(disAtt=="none" || visAtt=="hidden")   returnfalse;   returntrue;   
}   // 判断当前对象及其父对象是否可见functioncheckPrVis(obj){   var pr=obj.parentNode;   do{   if(pr == undefined || pr == "undefined") returntrue;   else{   if(!isVisible(pr)) returnfalse;   }   }while(pr=pr.parentNode);   returntrue;   
}   // 弹出警告对话框,用户点确定后将光标置于出错文本框上, 并且将原来输入内容选中。functionf_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);   elsereturn 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" 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}

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.luyixian.cn/news_show_273975.aspx

如若内容造成侵权/违法违规/事实不符,请联系dt猫网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

搭建SFTP服务安全共享文件,实现在外远程访问「内网穿透」

文章目录1.前言2.本地SFTP服务器搭建2.1.SFTP软件的下载和安装2.2.配置SFTP站点2.3.Cpolar下载和安装3.SFTP服务器的发布3.1.Cpolar云端设置3.2.Cpolar本地设置4.公网访问测试5.结语1.前言 现在的网络发达&#xff0c;个人电脑容量快速上升&#xff0c;想要保存的数据资料也越…

DRBG_InstantiateSeeded调试-1

public 参数解析: standardEKPolicy: 837197674484b3f81a90cc8d46a5d724fd52d76e06520b64f2a1da1b331469aa(32bytes) rawCmdBuf 命令数据: 800200000063000001314000000100000009400000090000010000000400000000003a0001000b000300720020837197674484b3f81a90cc8d46a5d724fd5…

Baumer工业相机堡盟相机如何使用PixelTransformation像素转换功能(像素转换功能的使用和优点以及行业应用)(C++)

项目场景 Baumer工业相机堡盟相机是一种高性能、高质量的工业相机&#xff0c;可用于各种应用场景&#xff0c;如物体检测、计数和识别、运动分析和图像处理。 Baumer的万兆网相机拥有出色的图像处理性能&#xff0c;可以实时传输高分辨率图像。此外&#xff0c;该相机还具…

银河麒麟v10系统硬盘挂载并配置yum软件源

一、查看磁盘 近期由于centos系统停止更新用户服务器要更换银河麒麟v10&#xff0c;拿到服务器后使用lsblk -f或fdisk -l命令查看磁盘名称 可以看到sdb200G就是要挂载的硬盘&#xff0c;还没有uuid需要初始化才可以挂载。 二、分区 分区命令&#xff1a; fdisk /dev/【你的…

QML- QML视觉元素类型

QML视觉元素类型一、概述一、图像类型三、共享视觉属性1. 不透明度和可见性2. 转换&#xff08;转置&#xff09;一、概述 对于最基本的视觉效果&#xff0c;Qt Quick提供了一个 Rectangle 类型来绘制矩形。这些矩形可以用颜色或垂直渐变来着色。 Rectangle 还可以在矩形上绘制…

QuestDb 基础使用

一、安装 Download QuestDB | QuestDB 可去官网直接下载对应版本&#xff0c;我这里是Windows版本 二、运行 找到Bin目录运行 管理员Cmd&#xff0c;输入 questDb.exe,即可运行&#xff0c;默认webConsole端口 9000&#xff0c;可在bin下 server.config去修改。 效果如下 …

Mac安装Nacos

参考链接&#xff1a; https://nacos.io/zh-cn/docs/quick-start.html 文章目录Nacos安装下载和解压启动和关闭Nacos什么是nacos?Nacos架构基本架构及概念逻辑架构及其组件介绍领域模型数据模型服务领域模型配置领域模型类视图Nacos安装 下载和解压 从链接中下载最新的版本 …

Vue基础25之路由第四节

Vue基础25路由编程式路由导航Home.vue(去掉两个router-line的replace)HomeMessage.vueBanner.vue总结缓存路由组件Home.vueHomeNews.vueHomeMessage.vue总结两个新的生命周期钩子HomeNews.vueHomeMessage.vueHome.vue总结全局路由守卫路由前置守卫src/router/index.js路由后置守…

Qt QShortCut快捷键原理、实现和应用

应用 QShortCut方式的快捷键有好几种使用方式&#xff1a; 1.通过绑定QAction或QMenu的方式。QAction和QMenu都提供了setShortcut()接口&#xff1b; 2.实例化一个对象&#xff1a;然后绑定信号槽activated()信号&#xff1a; auto shortcut new QShortcut(QKeySequence(tr(…

Postgresql源码(102)子事务控制语句分析

1 子事务控制语句分析 1.1 执行savepoint 执行函数&#xff1a; 【立即执行】→DefineSavepoint→PushTransaction&#xff08;从utility框架进入&#xff09;【延迟执行】→StartSubTransaction&#xff08;从顶层事务框架CommitTransactionCommand进入&#xff09; 准入条…

差分毫伏输出传感器信号隔离转换模块放大器0-10mV/0-20mV/0-±10mV/0-±20mV

概述&#xff1a;DIN11 IPO 压力应变桥信号处理系列隔离放大器是一种将差分输入信号隔离放大、转换成按比例输出的直流信号导轨安装变送模块。产品广泛应用在电力、远程监控、仪器仪表、医疗设备、工业自控等行业。此系列模块内部嵌入了一个高效微功率的电源&#xff0c;向输入…

代码随想录-57-106. 从中序与后序遍历序列构造二叉树

目录前言题目1.递归&#xff08;区间&#xff0c;左闭右开&#xff09;变量2. 本题思路分析&#xff1a;3. 算法实现4. 算法复杂度5. 算法坑点前言 在本科毕设结束后&#xff0c;我开始刷卡哥的“代码随想录”&#xff0c;每天一节。自己的总结笔记均会放在“算法刷题-代码随想…

Java注解怎么用

什么是注解 Java的注解&#xff08;Annotation&#xff09;是一种元数据&#xff0c;它可以提供程序的额外信息&#xff0c;帮助程序员更好地管理程序。注解通常被用作代码的标记或者指定某些行为的方式。在Java中&#xff0c;注解以符号开头&#xff0c;放在代码的各个位置&a…

【数据结构】千字深入浅出讲解队列(附原码 | 超详解)

&#x1f680;write in front&#x1f680; &#x1f4dd;个人主页&#xff1a;认真写博客的夏目浅石. &#x1f381;欢迎各位→点赞&#x1f44d; 收藏⭐️ 留言&#x1f4dd; &#x1f4e3;系列专栏&#xff1a;C语言实现数据结构 &#x1f4ac;总结&#xff1a;希望你看完…

linux驱动学习加强版-2(文件驱动的书写)

文章目录一、驱动的外设二、驱动操作文件原理三、编写一个驱动程序3.1 编写驱动程序的步骤3.1.2 确定主设备号以及注册驱动3.1.3 实现对应的函数四、一些错误现象一、驱动的外设 我们的设备硬件都需要驱动才能工作&#xff0c;没有驱动的硬件可以称之为废铁&#xff0c;没有硬…

spacesniffer文件大小查看工具安装和使用

软件描述 spacesniffer是一块可以快速查看电脑中所有文件大小的工具&#xff0c;当电脑空间不够时&#xff0c;可以迅速找出不需要的大提及文件。 一、软件下载 1、从网盘下载 spacesniffer文件大小查看工具 2、从官网下载 http://www.uderzo.it/main_products/space_sni…

供水管网微观水力模型

国外在管网建模方面起步于20世纪60年代。20世纪80年代&#xff0c;随着计算机及相应技术的发展&#xff0c;遥测远传设备的应用进入了实用化阶段&#xff0c;国内已有很多供水企业实现了供水管网建模。给水管网系统建模&#xff0c;就是为仿真模拟管网系统动态实时运行情况建立…

【论文阅读总结】用于目标检测的特征金字塔网络(FPN)

Feature Pyramid Networks for Object Detection1.摘要2.引言2.1 低级特征对于检测小物体很重要2.2 算法目标3. 文献综述3.1 Hand-engineered features and early neural networks3.2 Deep ConvNet object detectors3.3 Methods using multiple layers4.Feature Pyramid Networ…

LangChain:Prompt Templates介绍及应用

❤️觉得内容不错的话&#xff0c;欢迎点赞收藏加关注&#x1f60a;&#x1f60a;&#x1f60a;&#xff0c;后续会继续输入更多优质内容❤️&#x1f449;有问题欢迎大家加关注私戳或者评论&#xff08;包括但不限于NLP算法相关&#xff0c;linux学习相关&#xff0c;读研读博…

WPF+WebView2+react/vue/angular

创建WPF项目 安装WbeView2 Nuget包 在窗体中添加命名空间 xmlns:wv2"clr-namespace:Microsoft.Web.WebView2.Wpf;assemblyMicrosoft.Web.WebView2.Wpf"使用控件 <wv2:WebView2 x:Name"webview"/>在MainWindow中初始化 public MainWindow(){Initia…