您的位置: 首页  >  IT文章  >  转：jquery validate 的自定义验证开始时间不能大于结束时间

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

分类: IT文章 • 2022-08-08 23:55:58
  1. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">  
  2. <HTML>  
  3.  <HEAD>  
  4.   <TITLE> New Document </TITLE>  
  5.   <META NAME="Generator" CONTENT="EditPlus">  
  6.   <META NAME="Author" CONTENT="">  
  7.   <META NAME="Keywords" CONTENT="">  
  8.   <META NAME="Description" CONTENT="">  
  9.   <script type="text/javascript" src="jquery-1.4.2.js"></script>  
  10.   <script type="text/javascript" src="jquery.validate.js"></script>  
  11.   <SCRIPT LANGUAGE="JavaScript">  
  12.   <!--  
  13.     jQuery(function(){          
  14.         jQuery.validator.methods.compareDate = function(value, element, param) {  
  15.             //var startDate = jQuery(param).val() + ":00";补全yyyy-MM-dd HH:mm:ss格式  
  16.             //value = value + ":00";  
  17.               
  18.             var startDate = jQuery(param).val();  
  19.               
  20.             var date1 = new Date(Date.parse(startDate.replace("-", "/")));  
  21.             var date2 = new Date(Date.parse(value.replace("-", "/")));  
  22.             return date1 < date2;  
  23.         };  
  24.           
  25.         jQuery("#form1").validate({  
  26.             focusInvalid:false,  
  27.             rules:{  
  28.                 "timeStart":{  
  29.                     required: true  
  30.                 },  
  31.                 "timeEnd": {  
  32.                     required: true,  
  33.                     compareDate: "#timeStart"  
  34.                 }  
  35.             },  
  36.             messages:{  
  37.                 "timeStart":{  
  38.                     required: "开始时间不能为空"  
  39.                 },  
  40.                 "timeEnd":{  
  41.                     required: "结束时间不能为空",  
  42.                     compareDate: "结束日期必须大于开始日期!"  
  43.                 }  
  44.             }  
  45.         });  
  46.     });  
  47.   //-->  
  48.   </SCRIPT>  
  49.  </HEAD>  
  50.   
  51.  <BODY>  
  52.  <form id="form1" name="form1" method="post" action="demo.html">  
  53.    <p>timeStart:  
  54.      <input name="timeStart" type="text" id="timeStart" value="2011-02-17 10:00:00"> yyyy-MM-dd HH:mm:ss  
  55.    </p>  
  56.    <p>timeEnd:  
  57.      <input name="timeEnd" type="text" id="timeEnd" value="2011-02-17 9:00:00"> yyyy-MM-dd HH:mm:ss  
  58.    </p>  
  59.    <p>  
  60.      <input type="submit" name="Submit" value="提交">  
  61.    </p>  
  62.  </form>  
  63.     
  64.  </BODY>  
  65. </HTML>  

相关推荐