zoukankan      html  css  js  c++  java
  • jQuery validate 日期比较 自定义验证方法

    <!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>
  • 相关阅读:
    [转载]深入理解JavaScript闭包(closure)
    CSS Sprite初探之原理、使用
    动软,我被你迷惑了
    win7系统下CamtasiaStudio无法录上电脑声音只能录麦克风声音的解决办法
    [转载]向高级Javascript程序员阵营迈进:Javascript一些概念研究总结
    [转载]最简单的.NET生成随机数
    [转载]完全理解关键字this
    [转载]什么是高内聚、低耦合
    [转载]CSS背景:css background属性全解析
    [转载]HTML5语音输入(淘宝语音搜索)方法
  • 原文地址:https://www.cnblogs.com/aaa6818162/p/2381414.html
Copyright © 2011-2022 走看看