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

jquery validate 的自定义验证开始时间不能大于结束时间

2017-08-23 22:12 766 查看
<!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>  
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 点击这里给我发消息
标签： 
相关文章推荐
新的分享
章节导航