利用JavaScript中的正则表达式实现常用输入框的验证

来源：互联网发布：pack php 编辑：程序博客网时间：2024/05/18 17:25
本章主要讲：通过JavaScript中正则表达式的应用实现（http、电话号码、邮箱、数字、字母及其数字、时间日期、身份证）等的验证。
下面看例子demo的实现过程：
<html><head><meta charset="UTF-8"><title>js中字符串处理</title></head><script type="text/javascript">function isDigit(number){var patrn=/^[0-9]{1,20}$/;if (!patrn.test(number)){return false}else{return true}}function checkMail(mail) { var filter  = /^([a-zA-Z0-9_\.\-])+\@(([a-zA-Z0-9\-])+\.)+([a-zA-Z0-9]{2,4})+$/; if (filter.test(mail)){return true; }else {return false; }}function checkPhone(phone){  var filter=/^1[3|4|5|7|8]\d{9}$/; if(filter.test(phone)){ return true;  }else{return false; }}function isScCard(scCard){       if(!checkCard(scCard)){      return false;      }else{      return true;      }     }   var vcity={ 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:"国外"   };  checkCard = function(obj) {     //校验长度，类型   if(isCardNo(obj) === false){    return false;    }    //检查省份   if(checkProvince(obj) === false){    return false;      }   //校验生日   if(checkBirthday(obj) === false){    return false;   }   //检验位的检测   if(checkParity(obj) === false){    return false;   }   return true;  };  //检查号码是否符合规范，包括长度，类型  isCardNo = function(obj){   //身份证号码为15位或者18位，15位时全为数字，18位前17位为数字，最后一位是校验位，可能为数字或字符X   var reg = /(^\d{15}$)|(^\d{17}(\d|X)$)/;   if(reg.test(obj) === false){    return false;   }   return true;  };  //取身份证前两位,校验省份  checkProvince = function(obj){   var province = obj.substr(0,2);   if(vcity[province] == undefined){    return false;   }   return true;  };  //检查生日是否正确  checkBirthday = function(obj){   var len = obj.length;   //身份证15位时，次序为省（3位）市（3位）年（2位）月（2位）日（2位）校验位（3位），皆为数字   if(len == '15') {    var re_fifteen = /^(\d{6})(\d{2})(\d{2})(\d{2})(\d{3})$/;    var arr_data = obj.match(re_fifteen);    var year = arr_data[2];    var month = arr_data[3];    var day = arr_data[4];    var birthday = new Date('19'+year+'/'+month+'/'+day);    return verifyBirthday('19'+year,month,day,birthday);   }   //身份证18位时，次序为省（3位）市（3位）年（4位）月（2位）日（2位）校验位（4位），校验位末尾可能为X   if(len == '18') {    var re_eighteen = /^(\d{6})(\d{4})(\d{2})(\d{2})(\d{3})([0-9]|X)$/;    var arr_data = obj.match(re_eighteen);    var year = arr_data[2];    var month = arr_data[3];    var day = arr_data[4];    var birthday = new Date(year+'/'+month+'/'+day);    return verifyBirthday(year,month,day,birthday);   }   return false;  };  //校验日期  verifyBirthday = function(year,month,day,birthday) {   var now = new Date();   var now_year = now.getFullYear();   //年月日是否合理   if(birthday.getFullYear() == year && (birthday.getMonth() + 1) == month && birthday.getDate() == day) {    //判断年份的范围（3岁到100岁之间)    var time = now_year - year;    if(time >= 0 && time <= 130) {     return true;    }    return false;   }   return false;  };  //校验位的检测  checkParity = function(obj) {   //15位转18位   obj = changeFivteenToEighteen(obj);   var len = obj.length;   if(len == '18') {    var arrInt = new Array(7, 9, 10, 5, 8, 4, 2, 1, 6, 3, 7, 9, 10, 5, 8, 4, 2);    var arrCh = new Array('1', '0', 'X', '9', '8', '7', '6', '5', '4', '3', '2');    var cardTemp = 0, i, valnum;    for(i = 0; i < 17; i ++)  {     cardTemp += obj.substr(i, 1) * arrInt[i];    }    valnum = arrCh[cardTemp % 11];    if (valnum == obj.substr(17, 1)) {     return true;    }    return false;   }   return false;  };  //15位转18位身份证号  changeFivteenToEighteen = function(obj) {   if(obj.length == '15') {    var arrInt = new Array(7, 9, 10, 5, 8, 4, 2, 1, 6, 3, 7, 9, 10, 5, 8, 4, 2);    var arrCh = new Array('1', '0', 'X', '9', '8', '7', '6', '5', '4', '3', '2');    var cardTemp = 0, i;     obj = obj.substr(0, 6) + '19' + obj.substr(6, obj.length - 6);    for(i = 0; i < 17; i ++)  {     cardTemp += obj.substr(i, 1) * arrInt[i];    }    obj += arrCh[cardTemp % 11];    return obj;   }   return obj;  };function isDate(data){ var filter  = /((^((1[8-9]\d{2})|([2-9]\d{3}))([-\/\._])(10|12|0?[13578])([-\/\._])(3[01]|[12][0-9]|0?[1-9])$)|(^((1[8-9]\d{2})|([2-9]\d{3}))([-\/\._])(11|0?[469])([-\/\._])(30|[12][0-9]|0?[1-9])$)|(^((1[8-9]\d{2})|([2-9]\d{3}))([-\/\._])(0?2)([-\/\._])(2[0-8]|1[0-9]|0?[1-9])$)|(^([2468][048]00)([-\/\._])(0?2)([-\/\._])(29)$)|(^([3579][26]00)([-\/\._])(0?2)([-\/\._])(29)$)|(^([1][89][0][48])([-\/\._])(0?2)([-\/\._])(29)$)|(^([2-9][0-9][0][48])([-\/\._])(0?2)([-\/\._])(29)$)|(^([1][89][2468][048])([-\/\._])(0?2)([-\/\._])(29)$)|(^([2-9][0-9][2468][048])([-\/\._])(0?2)([-\/\._])(29)$)|(^([1][89][13579][26])([-\/\._])(0?2)([-\/\._])(29)$)|(^([2-9][0-9][13579][26])([-\/\._])(0?2)([-\/\._])(29)$))/; if (filter.test(data)){return true; }else {return false; }}function isDateTime(dateTime){ var datas=dateTime.split(' ')[0]; var times=dateTime.split(' ')[1]; var filter1  = /((^((1[8-9]\d{2})|([2-9]\d{3}))([-\/\._])(10|12|0?[13578])([-\/\._])(3[01]|[12][0-9]|0?[1-9])$)|(^((1[8-9]\d{2})|([2-9]\d{3}))([-\/\._])(11|0?[469])([-\/\._])(30|[12][0-9]|0?[1-9])$)|(^((1[8-9]\d{2})|([2-9]\d{3}))([-\/\._])(0?2)([-\/\._])(2[0-8]|1[0-9]|0?[1-9])$)|(^([2468][048]00)([-\/\._])(0?2)([-\/\._])(29)$)|(^([3579][26]00)([-\/\._])(0?2)([-\/\._])(29)$)|(^([1][89][0][48])([-\/\._])(0?2)([-\/\._])(29)$)|(^([2-9][0-9][0][48])([-\/\._])(0?2)([-\/\._])(29)$)|(^([1][89][2468][048])([-\/\._])(0?2)([-\/\._])(29)$)|(^([2-9][0-9][2468][048])([-\/\._])(0?2)([-\/\._])(29)$)|(^([1][89][13579][26])([-\/\._])(0?2)([-\/\._])(29)$)|(^([2-9][0-9][13579][26])([-\/\._])(0?2)([-\/\._])(29)$))/; var filter2=/^(([01]?[0-9])|(2[0-3])):[0-5]?[0-9]:[0-5]?[0-9]$/; if (filter1.test(datas) && filter2.test(times)){return true; }else {return false; }}//这个URL验证有问题，有些简单的网页验证不出来。function isURL(url){var filter = "^((https|http|ftp|rtsp|mms)?://)"     + "?(([0-9a-z_!~*'().&=+$%-]+: )?[0-9a-z_!~*'().&=+$%-]+@)?" //ftp的user@         + "(([0-9]{1,3}/.){3}[0-9]{1,3}" // IP形式的URL- 199.194.52.184         + "|" // 允许IP和DOMAIN（域名）        + "([0-9a-z_!~*'()-]+/.)*" // 域名- www.         + "([0-9a-z][0-9a-z-]{0,61})?[0-9a-z]/." // 二级域名         + "[a-z]{2,6})" // first level domain- .com or .museum         + "(:[0-9]{1,4})?" // 端口- :80         + "((/?)|" // a slash isn't required if there is no file name         + "(/[0-9a-z_!~*'().;?:@&=+$,%#-]+)+/?)$";     var reFilter=new RegExp(filter);         if (reFilter.test(url)){            return true;         }else{             return false;         }    }function testFunc(){var test="http://user@/electronics.cnet.com/";var flag=isURL(test);if(flag){document.write("Congratulation result is true");}else{document.write("Sorry result is false");}}</script><body><input type="button" onclick="testFunc()" value="test"></body></html>
0 0