<!
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
>
jQuery validate 日期比较 自定义验证方法
最新推荐文章于 2024-07-04 15:52:11 发布