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

来源：互联网发布：php秒杀系统编辑：程序博客网时间：2024/06/04 18:04
<!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>
阅读全文
2 0