zoukankan      html  css  js  c++  java

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

    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>  
    * 雪紫 *
  • 相关阅读:
    CF 461B Appleman and Tree
    POJ 1821 Fence
    NOIP 2012 开车旅行
    CF 494B Obsessive String
    BZOJ2337 XOR和路径
    CF 24D Broken robot
    POJ 1952 BUY LOW, BUY LOWER
    SPOJ NAPTIME Naptime
    POJ 3585
    CF 453B Little Pony and Harmony Chest
  • 原文地址：https://www.cnblogs.com/shirleyxuezi/p/12170129.html
Copyright © 2011-2022 走看看