一个简单的日期校验示例

最新推荐文章于 2018-09-20 17:14:22 发布

yhawaii

最新推荐文章于 2018-09-20 17:14:22 发布

阅读量662

点赞数

分类专栏： web前端文章标签： javascript html input

本文链接：https://blog.csdn.net/yhawaii/article/details/7087815

版权

web前端专栏收录该内容

34 篇文章 0 订阅

订阅专栏

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
            "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
	<title> New Document </title>
</head>

<body>
<div>
	<span>请输入一个形如yyyy-mm-DD的日期：</span> 
	<input type="text" name="dateValue" id="dateValue" value="" />
	<button οnclick="checkDate(document.getElementById('dateValue').value);">校验日期输入是否合理</button>
</div>
<script language="javascript">
<!--
	function checkDate(sValue){
		var regExp = /^(\d{4})-(\d{1,2})-(\d{1,2})$/;
		var result = sValue.match(regExp);
		if(!result){
			alert('输入的日期格式不正确，正确的类型为[yyyy-mm-dd] ！');
			return false;
		}
		var year = parseInt(result[1], 10);
		var month = parseInt(result[2], 10);
		var day = parseInt(result[3], 10);
		if(month < 1 || month > 12){
			alert("月份应该为1到12的整数"); 
			return false;
		}
		if (day < 1 || day > 31){
			alert("每个月的天数应该为1到31的整数"); 
			return false;
		}
		if ((month==4 || month==6 || month==9 || month==11) && day==31){   
			alert("该月不存在31号");   
			return false;
		}   
		if (month==2){   
			var isleap=(year % 4==0 && (year % 100 !=0 || year % 400==0));   
			if (day>29){   
				alert("2月最多有29天");  
				return false;
			}   
			if ((day==29) && (!isleap)){   
				alert("闰年2月才有29天");   
				return false;
			}   
		}
	}
//-->
</script>
</body>
</html>

yhawaii

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
一个简单的日期校验示例

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> New Document 请输入一个形如yyyy-mm-DD的日期：校验日期输入是否合理<!-- function checkDate(sValue){
复制链接

扫一扫