一段简单 javascript 的代码，用来验证日期的格式，支持闰年，支持 IE、Fixfox、Chrome 等主流浏览器...

最新推荐文章于 2020-03-31 16:14:10 发布

oklookmaomao

最新推荐文章于 2020-03-31 16:14:10 发布

阅读量104

点赞数

分类专栏： JavaScript 文章标签： javascript my97datepicker ViewUI

本文链接：https://blog.csdn.net/ok249900241/article/details/84058291

版权

JavaScript 专栏收录该内容

2 篇文章 0 订阅

订阅专栏

提示，日期格式必须是：yyyy-MM-dd

大家可以用 my97DatePicker 日期控件，该控件默认的格式就是：yyyy-MM-dd

贴出代码：
<html>
<head>
<script type="text/javascript">
function CheckDate(dateValue)
{
var reg=/^(?:(?!0000)[0-9]{4}-(?:(?:0[1-9]|1[0-2])-(?:0[1-9]|1[0-9]|2[0-8])|(?:0[13-9]|1[0-2])-(?:29|30)|(?:0[13578]|1[02])-31)|(?:[0-9]{2}(?:0[48]|[2468][048]|[13579][26])|(?:0[48]|[2468][048]|[13579][26])00)-02-29)$/;
return reg.test(dateValue); // 或者 dateValue.match(reg);
}
function ValidateBirthday()
{
var txtBirthday = document.getElementById("txtBirthday");
var birthdayErrorContainer = document.getElementById("birthdayErrorContainer");

birthdayErrorContainer.style.color = "black";
birthdayErrorContainer.innerHTML = "";
if(CheckDate(txtBirthday.value))
{
birthdayErrorContainer.style.color = "green";
birthdayErrorContainer.innerHTML = "日期正确！";
return true;
}
else
{
birthdayErrorContainer.style.color = "red";
birthdayErrorContainer.innerHTML = "日期不合法，请重新输入！";
return false;
}
}
function ValidateForm()
{
if(!ValidateBirthday())
{
alert("日期不正确！");
return false;
}
return true;
}
</script>
</head>
<body>
<form action="http://www.baidu.com" method="post" id="myForm" οnsubmit="return ValidateForm();">
请输入日期（日期格式如：2010-05-08）：<input type="text" name="txtBirthday" id="txtBirthday" οnblur="ValidateBirthday();"><span id="birthdayErrorContainer"></span><br/>
<input type="submit" value="提交">
</form>
</body>
</html>

轉載來自：http://www.cnblogs.com/Music/archive/2011/08/16/validate-true-date-formatter-with-javascript.html