您的位置：首页 > Web前端 > JQuery

jQuery validate 日期比较 自定义验证方法

2016-02-05 16:36 627 查看
jQuery validate 日期比较 自定义验证方法

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>

 <HEAD>

  <TITLE> New Document </TITLE>

  <META NAME="Generator" CONTENT="EditPlus">

  <META NAME="Author" CONTENT="">

  <META NAME="Keywords" CONTENT="">

  <META NAME="Description" CONTENT="">

  <script type="text/javascript" src="jquery-1.4.2.js"></script>

  <script type="text/javascript" src="jquery.validate.js"></script>

  <SCRIPT LANGUAGE="JavaScript">

  <!--

    jQuery(function(){        

        jQuery.validator.methods.compareDate = function(value, element, param) {

            //var startDate = jQuery(param).val() + ":00";补全yyyy-MM-dd HH:mm:ss格式
            //value = value + ":00";
            

            var startDate = jQuery(param).val();

            

            var date1 = new Date(Date.parse(startDate.replace("-", "/")));

            var date2 = new Date(Date.parse(value.replace("-", "/")));

            return date1 < date2;

        };

        

        jQuery("#form1").validate({

            focusInvalid:false,

            rules:{

                "timeStart":{

                    required: true

                },

                "timeEnd": {

                    required: true,

                    compareDate: "#timeStart"

                }

            },

            messages:{

                "timeStart":{

                    required: "开始时间不能为空"

                },

                "timeEnd":{

                    required: "结束时间不能为空",

                    compareDate: "结束日期必须大于开始日期!"

                }

            }

        });

    });

  //-->
  </SCRIPT>

 </HEAD>

 <BODY>

 <form id="form1" name="form1" method="post" action="demo.html">

   <p>timeStart:

     <input name="timeStart" type="text" id="timeStart" value="2011-02-17 10:00:00"> yyyy-MM-dd HH:mm:ss

   </p>

   <p>timeEnd:

     <input name="timeEnd" type="text" id="timeEnd" value="2011-02-17 9:00:00"> yyyy-MM-dd HH:mm:ss

   </p>

   <p>

     <input type="submit" name="Submit" value="提交">

   </p>

 </form>

  

 </BODY>
</HTML>
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 点击这里给我发消息
标签： 
相关文章推荐
新的分享
章节导航