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>  
    * 雪紫 *
  • 相关阅读:
    技术杂谈
    常用的shell命令
    Linux网络篇
    SELECT INTO 和 INSERT INTO SELECT 两种表复制语句
    asp.net远程调用WebService的两种方法
    使用C#和Java发送邮件(转载)
    转载:在64位的环境中使用VS建立Web项目进行Oracle连接需要注意WebDev是32位的
    也谈Asp.net 中的身份验证(转载)
    (转)32位win7用尽4g内存的几种解决方式
    64位WIN7下plsql报 ORA-12154:TNS:无法解析指定的连接标志符 错误的解决方法
  • 原文地址:https://www.cnblogs.com/shirleyxuezi/p/12170129.html
Copyright © 2011-2022 走看看