JS检查日期有效性

最新推荐文章于 2022-09-15 19:33:20 发布
最新推荐文章于 2022-09-15 19:33:20 发布
阅读量4.4k 收藏 5
点赞数
分类专栏： 网页制作 文章标签： JQ JS 日期
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/mammay/article/details/17333639
版权
最近，在跟一个项目，涉及到填写日期是否正确有效的问题。（PS，这个问题很重要，涉及数据库方面...具体的就不说了...）
虽然我可以限制用户只能使用日期控件填写日期，但是，我发现，这个日期控件好像不是万能的，在某些浏览器根本用不了...
哎~还是采用最原始的方法好了~~以下是我自己写的代码，暂时没发现什么问题，跟大伙分享下哈~
<!DOCTYPE html>


<html lang="en" xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta charset="utf-8" />
    <title>CheckDateFormat</title>
    <!--<script type="text/javascript" src="js/jquery.js"></script>-->
    <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.0/jquery.min.js"></script>
    <script type="text/javascript">
        /*
         *参数
         *      reg：正则表达式
         *      str:要检查的字符串
         *功能
         *      检查str是否满足reg格式
         *返回值
         *      true或者false
        */
        function testReg(reg, str) {
            //RegExpObject.test(string)用于检测一个字符串是否匹配某个模式.
            return reg.test(str);
        }


        /*
         *参数
         *      dateStr：客户端输入的日期字符串
         *功能
         *      检查dateStr日期格式是否正确
         *返回值
         *      true或者false
        */
        function checkDateFormat(dateStr) {
            var regDateFormat1 = /^\d{4}-\d{1,2}-\d{1,2}$/;
            var regDateFormat2 = /^\d{4}\/\d{1,2}\/\d{1,2}$/;
            var regDateFormat3 = /^\d{4}\.\d{1,2}\.\d{1,2}$/;
            if (!testReg(regDateFormat1, dateStr)) { //调用testReg函数
                if (!testReg(regDateFormat2, dateStr)) {    //调用testReg函数
                    if (!testReg(regDateFormat3, dateStr)) {    //调用testReg函数
                        return false;
                    }
                    else {
                        return true;
                    }
                }
                else {
                    return true;
                }
            }
            else {
                return true;
            }         
        }


        /*
         *参数
         *      dateStr：客户端输入的日期字符串
         *功能
         *      检查dateStr日期是否有效（年、月、日是否有效），分闰年、平年、大月、小月考虑
         *返回值
         *      true或者false
        */
        function checkDateValid(dateStr) {
            //stringObject.indexOf(searchvalue,fromindex)返回某个指定的字符串值在字符串中首次出现的位置。如果要检索的字符串值没有出现，则该方法返回 -1。
            var sepa1 = dateStr.indexOf("-");
            var sepa2 = dateStr.indexOf("/");
            var sepa3 = dateStr.indexOf(".");
            var sepa = "";
            if (sepa1 > -1) {
                sepa = "-";
            }
            else if (sepa2 > -1) {
                sepa = "/";
            }
            else if (sepa3 > -1) {
                sepa = ".";
            }
            //stringObject.split(separator, howmany)把一个字符串分割成字符串数组。
            var arrDate = dateStr.split(sepa);
            var year = parseInt(arrDate[0]);
            var month = parseInt(arrDate[1]);
            var day = parseInt(arrDate[2]);
            /*
             *  datetime数据类型在MS SQL Server 取值范围是1753-1-1到9999-12-31
             *
             *  if 西元年份是400的倍数 : 闰年
                else if 西元年份是4的倍数 and 西元年份不是100的倍数 : 闰年
                else : 平年
             *
             *  2月：平年为28天，闰年为29天
                30天的月份：4、6、9、11
                31天的月份：1、3、5、7、8、10、12
             *
            */


            if (year < 1753 || year > 9999 || month < 1 || month > 12 || day < 1 || day > 31) {
                //alert("1");
                return false;
            }
            else {
                if (year % 400 == 0 || (year % 4 == 0 && year % 100 != 0)) {    //闰年
                    //alert("2");
                    if ((month == 2 && day > 29) || ((month == 4 || month == 6 || month == 9 || month == 11) && day > 30) || ((month == 1 || month == 3 || month == 5 || month == 7 || month == 8 || month == 10 || month == 12) && day > 31)) {
                        //alert("3");
                        return false;
                    }
                    else {
                        //alert("4");
                        return true;
                    }
                }
                else {  //平年
                    //alert("5");
                    if ((month == 2 && day > 28) || ((month == 4 || month == 6 || month == 9 || month == 11) && day > 30) || ((month == 1 || month == 3 || month == 5 || month == 7 || month == 8 || month == 10 || month == 12) && day > 31)) {
                        //alert("6");
                        return false;
                    }
                    else {
                        //alert("7");
                        return true;
                    }
                }
            }
        }


        $(function () {
            //日期框失去焦点时触发
            $("#date").blur(function () {  
                var $dateVal = $(this).val();
                var dateErrMsg = "";
                if ($dateVal == "") {
                    dateErrMsg = "日期不能为空！";
                    //alert(dateErrMsg);
                    $("#lableDateErrMsg").html(dateErrMsg);
                    $date.focus();
                    return false;
                }
                else if ($dateVal.length < 8) {
                    dateErrMsg = "日期位数不能少于8位！";
                    //alert(dateErrMsg);
                    $("#lableDateErrMsg").html(dateErrMsg);
                    $date.focus();
                    return false;
                }
                else {
                    if (!checkDateFormat($dateVal)) {   //调用checkDateFormat函数
                        dateErrMsg = "日期格式不正确！(正确格式如“yyyy-mm-dd”或者“yyyy/mm/dd”或者“yyyy.mm.dd”）";
                        //alert(dateErrMsg);
                        $("#lableDateErrMsg").html(dateErrMsg);
                        $date.focus();
                        return false;
                    }
                    else {
                        if (!checkDateValid($dateVal)) {    //调用checkDateValid函数
                            dateErrMsg = "日期无效!（日期范围是1753-1-1到9999-12-31。30天的月份：4、6、9、11；31天的月份：1、3、5、7、8、10、12；2月：平年为28天，闰年为29天）";
                            //alert(dateErrMsg);
                            $("#lableDateErrMsg").html(dateErrMsg);
                            $date.focus();
                            return false;
                        }
                        else {
                            dateErrMsg = "";
                            //alert(dateErrMsg);
                            $("#lableDateErrMsg").html(dateErrMsg);
                        }
                    }
                }
            });


            //单击“检查日期”按钮时触发
        //    $("#submit").click(function () {
        //        var $date = $("#date");
        //        var $dateVal = $date.val();
        //        var dateErrMsg = "";
        //        if ($dateVal == "") {
        //            dateErrMsg = "日期不能为空！";
        //            //alert(dateErrMsg);
        //            $("#lableDateErrMsg").html(dateErrMsg);
        //            $date.focus();
        //            return false;
        //        }
        //        else if ($dateVal.length < 8) {
        //            dateErrMsg = "日期位数不能少于8位！";
        //            //alert(dateErrMsg);
        //            $("#lableDateErrMsg").html(dateErrMsg);
        //            $date.focus();
        //            return false;
        //        }
        //        else {
        //            if (!checkDateFormat($dateVal)) {   //调用checkDateFormat函数
        //                dateErrMsg = "日期格式不正确！(正确格式如“yyyy-mm-dd”或者“yyyy/mm/dd”或者“yyyy.mm.dd”）";
        //                //alert(dateErrMsg);
        //                $("#lableDateErrMsg").html(dateErrMsg);
        //                $date.focus();
        //                return false;
        //            }
        //            else {
        //                if (!checkDateValid($dateVal)) {    //调用checkDateValid函数
        //                    dateErrMsg = "日期无效!（日期范围是1753-1-1到9999-12-31。30天的月份：4、6、9、11；31天的月份：1、3、5、7、8、10、12；2月：平年为28天，闰年为29天）";
        //                    //alert(dateErrMsg);
        //                    $("#lableDateErrMsg").html(dateErrMsg);
        //                    $date.focus();
        //                    return false;
        //                }
        //                else {
        //                    dateErrMsg = "";
        //                    //alert(dateErrMsg);
        //                    $("#lableDateErrMsg").html(dateErrMsg);
        //                }
        //            }
        //        } 
        //    });


        });        
    </script>
    <style type="text/css">
        #lableDateErrMsg {
            color:red;
            font-size:12px;
        }
    </style>
</head>
<body>
    <label id="labelDate">日期：</label><input type="text" id="date" name="date" maxlength="10" /><label id="lableDateErrMsg"></label><br />
    <!--<input type="submit" id="submit" name="submit" value="检查日期" />-->
</body>
</html>




PS：欢迎留言！欢迎指出错误！欢迎帮我优化！哈哈~~
初冬十月
关注
  • 0
    点赞
  • 踩
  • 5
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
JS中对日期的校验
10-21 324
在页面中显示输入框，在输入焦点移开时候检测日期onChange="return checkDateYMD(this)"   checkDateYMD函数实现如下   function checkDateYMD(obj) {     var dateStr = obj.value;     if (dateStr!='')     {      if(!isValidDate(obj)) {    
js判断日期合法性
weixin_47941995的博客
04-22 3337
functioncheck(date){ return(newDate(date).getDate()==date.substring(date.length-2)); } //参数date可以格式化为xx-xx-xx或xxxx-xx-xx或用/分割 附： 通常来说，javascript验证日期的有效性可以通过正则判断 但正则表达式无法精准验证日期的有效性，你无法通过正则表达式判断出1900-02-29是非法日期而2000-02-29是合法日期，...
使用JS判断日期的有效性
热门推荐
我爱吃豆芽呀
12-05 1万+
为了方便，这里使用的是yyyy/MM/dd 格式的日期。 一般策略： 将年月日分别取出，根据是否闰年和每月的日期进行判断。 function judgeDate(date){ const rmons = [31,29,31,30,31,30,31,31,30,31,30,31], pmons = [31,28,31,30,31,30,31,31,30,31,30,31]; v...
javascript 日期和时间有效性检查
weixin_30252155的博客
08-14 67
//包括不能输入日文全家数字。 util.validation.checkDate = function(str){// 2014/07/07 if (/^(?:[1-7][0-9]{3}\/(0[1-9]|1[012])\/(0[1-9]|[12][0-9]|3[01]))$/.test(str)) { return true; } else { return false; }}; ut...
JS 中 DateTime日期时间及方法函数
zoey的专栏
02-16 1万+
出处：http://www.cnblogs.com/carekee/articles/1678041.html: 一、js获取当前日期时间 var myDate = new Date(); myDate.getYear();        //获取当前年份(2位) myDate.getFullYear();    //获取完整的年份(4位,1970-????) myDate.getMon
javascript日期有效性验证
07-25
通过java脚本验证格式为19-Jun-2010的有效性
js 验证身份证信息有效性
10-26
为了验证身份证号码的有效性，我们可以编写一个JavaScript函数，如`IdCardValidate`，它会检查输入的身份证号码长度以及计算校验码。以下是一段示例代码： ```javascript var Wi = [7, 9, 10, 5, 8, 4, 2, 1, 6, 3,...
原生js实现日期联动
10-24
【原生JS实现日期联动】是一种常见的前端交互功能，它允许用户在选择日期时，不同日期选择器（如年、月、日）之间自动更新，确保所选日期的有效性和关联性。这种功能常见于各种表单和日历应用中，提高了用户体验。 ...
js代码-日期合法性校验
07-14
我们可以创建一个新的Date对象，然后通过其提供的方法来检查日期是否有效。以下是一个简单的例子： ```javascript function isValidDate(dateString) { const date = new Date(dateString); return date.toString...
JS检查日期是否有效
shengjon的博客
09-28 1152
使用以下代码段检查给定日期是否有效。 const isDateValid = (...val) => !Number.isNaN(new Date(...val).valueOf()); isDateValid("December 17, 1995 03:24:00"); // Result: true
在 JavaScript 中验证日期
six6de6的博客
09-15 2034
在 JavaScript 中验证日期的三种方法
Javascript 判断日期 ValidDate 函数
梁志源的专栏
09-18 2810
前段时间在Firefox 上开发程序，发觉无法如IE那样使用VBScript 的isdate函数。在网上搜索了一些 Javascript 的 Date Validation ，都不是很适用。于是修改了一下，代码如下：// Javascript Date Validation ;//输入格式 yyyy-mm-dd//如果格式正确，返回true,否则返回falsefunction is
js验证日期格式
weixin_30448603的博客
07-22 536
下面介绍两种JS验证的方式: 方法一： JS： <script language="javascript"> function check(){ var a = /^(\d{4})-(\d{2})-(\d{2})$/ if (!a.test(document.getElementById("TextBox1").value)) { alert("日期格式不正确!"...
JS日期格式CHECK和日期比较
liuwei890624的博客
09-23 929
/* Check date format and validity */ function dateCheck(obj, labelName) { var objName = eval(“document.all.” + obj); var value = objName.value; if (value == "" || value == null || value == unde...
JS日期格式校验/判断
彭珂个人网的博客
05-29 1万+
function checkDate(dateStr){ var a = /^(\d{4})-(\d{2})-(\d{2})$/ if (!a.test(dateStr)) { return false }else{ return true; ...
JS 之 验证日期格式
等一个故事
11-29 1574
JS 之 验证日期格式
VOLTE失败码速查表
最新发布
07-05
VoLTE语言通话服务时，我们可能会遇到各种失败情况。为了帮助大家快速定位和解决这些问题，我整理了一份详细的VoLTE失败码速查表，并分享给大家。这个速查表的主要功能包括快速诊断问题、提高解决效率、学习和培训以及提升用户体验。速查表列出了常见的VoLTE失败代码及其错误原因，技术人员可以通过查阅速查表迅速了解失败的具体原因，减少诊断时间。每个失败码都有详细的描述和解决建议，技术人员可以根据这些建议，快速采取措施，提高问题解决效率。对于新手工程师和自学者来说，速查表是一个很好的学习工具，通过研究每个失败码的原因和解决方案，可以加深对VoLTE技术的理解。通过快速定位和解决VoLTE问题，可以减少用户的等待时间，提升用户的使用体验和满意度。 使用速查表的方法非常简单。当VoLTE通话失败时，系统返回一个失败码。可以在速查表中找到对应的失败码，查看其描述和可能原因。根据速查表中的描述，分析失败的可能原因，考虑网络状态、设备配置等因素。根据速查表中提供的解决建议，采取相应措施进行处理，如检查网络连接、重启设备等。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值