jQuery validate 自定义验证方法 比较日期 三个参数
2017-03-28 16:43
363 查看
表单提交时,经常会需要对日期进行验证,比如结束时间必须大于开始时间。
可以通过jQuery validate
自定义一个验证方法,进行验证。
<script type="text/javascript" src="jquery-1.4.2.js"></script>
<script type="text/javascript" src="jquery.validate.js"></script>
<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>
<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>
以上是自定义方法,有三个参数的:其中的value是name值为‘timeEnd’的值;
param是
"timeEnd": {
required: true,
compareDate: "#timeStart"
}
中的对应的“#timeStart”,jQuery(param).val();即是input标签中id为timeStart的值;
element是name值为‘timeEnd’所在的标签。
转为对象之后,就能够比较时间大小了。
可以通过jQuery validate
自定义一个验证方法,进行验证。
<script type="text/javascript" src="jquery-1.4.2.js"></script>
<script type="text/javascript" src="jquery.validate.js"></script>
<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>
<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>
以上是自定义方法,有三个参数的:其中的value是name值为‘timeEnd’的值;
param是
"timeEnd": {
required: true,
compareDate: "#timeStart"
}
中的对应的“#timeStart”,jQuery(param).val();即是input标签中id为timeStart的值;
element是name值为‘timeEnd’所在的标签。
通过Date.parse()方法将标准时间转化为时间戳
new Date()将时间戳转为日期对象
转为对象之后,就能够比较时间大小了。
相关文章推荐
- jquery validate 自定义验证方法 日期验证
- 工具方法:Jquery比较日期
- jquery validate 自定义验证方法介绍 日期验证
- jQuery validate 日期比较 自定义验证方法
- jquery validate 自定义验证方法 日期验证
- jquery validate验证比较日期
- jquery validate 自定义验证方法介绍 日期验证
- jQuery validate 日期比较 自定义验证方法
- jquery validate 自定义验证方法 日期验证
- Javascript获取url参数(queryString)一个比较简洁的方法
- 这才是真正的JQuery.ajax传递中文参数的解决方法
- js日期时间格式验证,时间比较
- JQuery.ajax传递中文参数的解决方法
- 回发或回调参数无效。在配置中使用 或在页面中使用 启用了事件验证。出于安全目的,此功能验证回发或回调事件的参数是否来源于最初呈现这些事件的服务器控件。如果数据有效并且是预期的,则使用 ClientScriptManager.RegisterForEventValidation 方法来注册回发或回调数据以进行验证。
- javascript的onchange事件与jQuery的change()方法比较
- 回发或回调参数无效。在配置中使用 或在页面中使用 启用了事件验证。出于安全目的,此功能验证回发或回调事件的参数是否来源于最初呈现这些事件的服务器控件。如果数据有效并且是预期的,则使用 ClientScriptManager.RegisterForEventValidation 方法来注册回发或回调数据以进行验证。
- Struts validator 自定义验证方法 6个参数说明
- Effective Java Item2:当构造方法的参数(尤其是可选参数)比较多时使用Builder模式
- asp.net中网页间传递参数用什么方法比较
- asp.net中网页间传递参数用什么方法比较