`
oklook249900241
  • 浏览: 26872 次
  • 性别: Icon_minigender_1
  • 来自: 广州
社区版块
存档分类
最新评论

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

阅读更多
提示,日期格式必须是: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" onsubmit="return ValidateForm();">
    请输入日期(日期格式如:2010-05-08):<input type="text" name="txtBirthday" id="txtBirthday" onblur="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
分享到:
评论

相关推荐

    java代码验证日期格式正则表达式(包含闰年验证)带注释

    * @param 日期验证,验证的格式有: * "yyyyMM","yyyyMMdd","yyyyMMdd HH:mm:ss", * "yyyy-MM","yyyy-MM-dd","yyyy-MM-dd HH:mm:ss" * "yyyy.MM","yyyy.MM.dd","yyyy.MM.dd HH:mm:ss" * "yyyy/MM","yyyy/MM/dd...

    javascript验证日期格式

    给出的代码片段是一个简单的JavaScript函数`check()`,用于验证日期格式。我们来逐行分析其功能: ```javascript var a = /^(\d{1,4})(-|\/)(\d{1,2})\2(\d{1,2})/; ``` 这里定义了一个正则表达式`a`,用于匹配...

    兼容ie、谷歌等浏览器的日期输入控件

    总结一下,"兼容ie、谷歌等浏览器的日期输入控件"是一个旨在提供一致的日期选择体验的工具,通过JavaScript和可能的polyfills技术实现跨浏览器兼容。这个压缩包内的文件可能是实现这个功能的源代码、样例示例或者...

    超级好用的日期验证代码JAVASCRIPT

    总之,“超级好用的日期验证代码JAVASCRIPT”不仅提供了一个实用的日期验证函数,还展示了正则表达式、JavaScript内置函数等技术在实际开发中的应用,对于从事Web开发、特别是需要处理用户输入和日期数据的开发者来...

    验证日期的正则表达式及其注释(包含闰年验证)

    验证日期的正则表达式及其注释(包含闰年验证) 正则表达式是验证日期的重要工具,但是在验证日期时需要考虑闰年的问题。本文将详细介绍验证日期的正则表达式及其注释,包括闰年的验证。 首先,我们需要澄清两个概念...

    验证日期格式date

    这种方法不仅可以应用于简单的日期验证场景,也可以根据实际需求进行扩展,例如增加对其他日期格式的支持(如“2004/01/01”)、支持更多年份范围的验证等。通过这种方式,可以有效地提高应用程序的健壮性和用户体验...

    用js来验证日期的格式正确与否

    ### 使用JavaScript验证日期格式 在Web开发中,经常需要对用户输入的数据进行验证,确保其符合预期的格式或规则。本文将详细介绍如何使用JavaScript来验证日期格式的正确性。我们将通过一个具体的示例来探讨这一...

    一段验证日期的有效性的JAVA代码

    这段代码主要用于检查一个日期字符串是否符合特定的日期格式,并且在实际的日期范围内。以下是一段可能的Java代码来实现这个功能: ```java import java.text.ParseException; import java.text.SimpleDateFormat; ...

    两行代码搞定 JavaScript 的日期验证

    - **边界条件处理**:虽然该函数能够有效地验证大多数常见的日期格式,但对于一些特殊情况(如闰年2月29日的处理)还需额外考虑。 - **国际化支持**:如果涉及到不同地区的日期格式(如欧洲常用的DD/MM/YYYY格式),...

    正则表达式验证日期格式

    通过以上分析可以看出,这两段正则表达式都是为了验证日期格式的有效性而设计的,它们能够精确地处理闰年和平年的问题,同时也支持多种日期格式(如“年-月-日”、“年/月/日”等)。这对于需要进行日期格式验证的...

    JavaScript万年历——兼容多浏览器

    由于JavaScript在不同的浏览器中可能存在差异,因此实现一个兼容多浏览器的万年历功能需要考虑浏览器的兼容性问题,确保在IE、Chrome、Firefox、Safari等主流浏览器上都能正常运行。 万年历的设计通常包括以下几个...

    javascript经典特效---检测闰年.rar

    在给定的资源"javascript经典特效---检测闰年.rar"中,我们聚焦的是一个基础但有趣的编程概念,即如何使用JavaScript来判断一个年份是否为闰年。 闰年是公历中的特定年份,规定每四年有一次闰年,为了与地球围绕...

    javascript新年倒计时雪花代码,可用在新年倒计时,雪花效果逼真,兼容主流浏览器

    为了保证代码的兼容性,我们需要考虑不同的浏览器对JavaScript和CSS特性的支持程度。比如,旧版的Internet Explorer可能不支持某些ES6特性,此时可以使用Babel这样的工具将ES6代码转换为ES5,以保证在旧浏览器中的...

    判断闰年的程序代码

    在编程领域,闰年是一个常见的概念,特别是在处理日期和时间的计算时。闰年是指能够被4整除但不能被100整除,或者能被400整除的年份。这样的年份会有366天,比平年多出一天,即2月有29天。闰年的存在是为了保持日...

    js验证日期格式,比较日期大小,判断两日期年月是否相同借鉴.pdf

    以上三个函数提供了JavaScript中处理日期的基本能力:比较日期大小、验证日期格式以及判断两个日期是否在同一个月份。这些函数可以很好地帮助开发者在Web应用中进行日期相关的逻辑处理,从而提高应用程序的功能性和...

    【JavaScript源代码】javascript 日期工具汇总.docx

    JavaScript 日期工具汇总 在JavaScript中,处理日期和时间是一项常见的任务。提供的这段代码定义了一个名为Utils的对象,其中包含了...它们可以被整合到任何JavaScript项目中,以处理日期的计算、格式化和验证等问题。

    闰年判断代码.rar

    闰年判断代码是一个常见的编程练习,它涉及到计算机科学的基础知识,特别是日期和时间处理。闰年是指按照公历规定,能被4整除但不能被100整除的年份,或者是能被400整除的年份。这个规律确保了我们的日历与地球的...

    兼容FF,IE的JAVASCRIPT日历控件

    总的来说,"兼容FF,IE的JAVASCRIPT日历控件"是一个综合了多种JavaScript技术的实例,包括DOM操作、事件处理、浏览器兼容性检测、日期处理等,对于学习JavaScript的开发者来说,这是一个很好的学习资源,可以帮助...

    javascript日期输入文本框

    JavaScript日期输入文本框是网页开发中常见的一种交互元素,它允许用户在文本框中输入或选择日期。在JavaScript中,处理日期和时间通常涉及到`Date`对象和相关的函数。在这个主题下,我们将深入探讨如何创建一个...

    JavaScript检查是否是正确的日期格式的代码

    在前端编程中,JavaScript经常被用来处理用户输入的数据,包括检查用户输入的日期格式是否正确。日期格式检查不仅可以验证输入的数据是否符合日期格式,还可以进一步检查日期的天数是否超出实际可能的范围,比如1月...

Global site tag (gtag.js) - Google Analytics