mashiguang

小马快跑

  BlogJava :: 首页 :: 新随笔 :: 联系 :: 聚合  :: 管理 ::
  20 随笔 :: 0 文章 :: 60 评论 :: 0 Trackbacks
<!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>
posted on 2011-02-17 10:34 mashiguang 阅读(11409) 评论(9)  编辑  收藏 所属分类: javascript

评论

# re: jQuery validate 日期比较 自定义验证方法 2011-02-17 13:23 凡客成品123336
很好123549865  回复  更多评论
  

# re: jQuery validate 日期比较 自定义验证方法 2011-02-17 18:15 广州网站建设
多谢 找了很多才找到  回复  更多评论
  

# re: jQuery validate 日期比较 自定义验证方法 2011-02-17 22:36 历史军事小说
jQuery validate 日期比较 自定义验证方法  回复  更多评论
  

# re: jQuery validate 日期比较 自定义验证方法 2011-02-20 16:20 帮我淘
非常受用,收藏了。  回复  更多评论
  

# re: jQuery validate 日期比较 自定义验证方法 2011-05-31 13:23 xiaofan
我怎么验证不行啊?请人帮忙!谢谢!  回复  更多评论
  

# 验证日期有效期为三年 自定义验证方法 求例子[未登录] 2012-11-26 16:05 sky
验证日期有效期为三年 自定义验证方法 求例  回复  更多评论
  

# re: jQuery validate 日期比较 自定义验证方法 2016-01-15 13:35 莫要抄
真是天下文章一大抄阿,你也抄点有用的嘛  回复  更多评论
  


只有注册用户登录后才能发表评论。


网站导航: