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

本章主要讲:通过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 条评论
登录 后参与评论

相关文章

来自专栏Android知识点总结

Android关于Paint你所知道的和不知道的一切

712
来自专栏GIS讲堂

Arcgis4js实现链家找房的效果

买房的各位亲们不知是否留意过链家的"地图找房",这样的功能对于使用者来说,是非常方便的,大家可通过连接(https://bj.lianjia.com/ditu/...

552
来自专栏编程微刊

【前端图表】echarts实现散点图x轴时间轴

1643
来自专栏前端迷

双十一,教你给你女朋友不一样的表白(程序员版)

https://ru23.com/11?name=front,这样会自动把源码中you换成女朋友的名字

723
来自专栏GIS讲堂

Ol4中晕圈点效果的实现

结合Openlayers4中的overlay,以图片作为晕圈背景,实现晕圈的点效果。

623
来自专栏ytkah

如何用excel urldecode解码把url编码转为汉字?

  统计分析可以反映出网站运营的情况,并根据实际作出相应的调整,是站长必需的基础技能。ytkah感觉最好用的是谷歌统计,里面有个搜索关键词及对应受访页面,这个功...

43410
来自专栏JMCui

MongoDB系列五(地理空间索引与查询).

Volvo Today, Volvo announced i...

2622
来自专栏张戈的专栏

网站集成打字震动特效JS代码改进版

这又是一个拖欠了很久的分享,很早就有朋友留言问评论打字炫彩、震动特效怎么实现的。这功能其实网上早就有人分享 N 遍了,有点搜索技巧和 DIY 能力的站长同学也早...

3627
来自专栏用户2442861的专栏

PyQt QTableView嵌入QComboBox

  在Qt里,在QTableView中嵌入QComboBox真的很方便,只要实现一个QItemDelegate就可以了;QComboBox要想实现自定义下拉框...

581
来自专栏菩提树下的杨过

Silverlight Telerik控件学习:RadTransitionControl

如果展示类似这种比较cool的图片轮换效果,用RadTransitionControl控件就对了,它提供的过渡效果非常cool! 原理并不复杂,可参见以前写的 ...

1957

扫码关注云+社区