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}