js自定义validate验证:验证日期是否在某一范围内
来源:互联网 发布:程序员转行产品经理 编辑:程序博客网 时间:2024/05/16 02:23
需求:验证日志是否在30天(天数可以任意设置)之前
代码:form表单中的代码如下
<form id="inputForm" action="/" method="post"> <div><label>选择日期: </label><input id="checkedDate" name="checkedDate" type="text" readonly="readonly"onclick="WdatePicker({dateFmt:'yyyy-MM-dd',isShowClear:false});"/><input type="submit" value="提交"/></div></form>form表单有一个选择日期的标签,一个提交的按钮。
js代码如下:
<script type="text/javascript"> //checkDate为自定义验证的方法名称,value为要被验证的值;param为参数,这里对应为30jQuery.validator.addMethod("checkDate", function(value, element, param) { //取到选定的日期 var checkedDate= $("#checkedDate").val();var date = new Date(); //当前日期减去30天 date.setDate(date.getDate() - param); //日期格式化var date1= date.format("yyyy-MM-dd");//选则的日期var endTime = new Date(Date.parse(checkedDate));//当前时间减去30天后的时间var startTime = new Date(Date.parse(date1));if(endTime > startTime){return false; }else{ return true; } }, $.validator.format("日期选择不符合要求")); $(document).ready(function() {$("#inputForm").validate({ rules: {checkedDate:{checkDate:30 } }, messages: { checkedDate:{ checkDate:"日期选择应早于当前日期前30天" } }, submitHandler: function(form){ form.submit();}});});
//日期格式化Date.prototype.format = function(fmt) { var o = { "M+" : this.getMonth()+1, //月份 "d+" : this.getDate(), //日 "h+" : this.getHours(), //小时 "m+" : this.getMinutes(), //分 "s+" : this.getSeconds(), //秒 "q+" : Math.floor((this.getMonth()+3)/3), //季度 "S" : this.getMilliseconds() //毫秒 }; if(/(y+)/.test(fmt)) { fmt=fmt.replace(RegExp.$1, (this.getFullYear()+"").substr(4 - RegExp.$1.length)); } for(var k in o) { if(new RegExp("("+ k +")").test(fmt)){ fmt = fmt.replace(RegExp.$1, (RegExp.$1.length==1) ? (o[k]) : (("00"+ o[k]).substr((""+ o[k]).length))); } } return fmt; } </script>
效果:选择日期后,校验日期是否在30天以前,如果不是则显示错误信息,而且需要重新选择日期。
阅读全文
0 0
- js自定义validate验证:验证日期是否在某一范围内
- jquery validate 自定义验证方法 日期验证
- jquery validate 自定义验证方法 日期验证
- validate.js实现自定义验证
- jQuery validate 日期比较 自定义验证方法
- 封装自定义验证方法-validate-methods.js
- Easyui自定义validate验证
- validate自定义验证
- Jquery Validate 自定义验证
- jQuery.validate自定义验证
- validate.js表单验证
- validate.js表单验证
- validate.js表单验证
- jquery validate添加自定义开始结束日期验证
- jquery.validate自定义验证方法(检验邮箱是否存在)
- JS验证日期格式是否正确
- js 验证日期和时间是否有效
- js 验证日期格式是否正确
- 数据结构之链队列
- php session和cookie
- OpenCV3_C++_DetectFace()图像上脸部识别 实例
- Ubuntu16.04下安装caffe的方法(踩坑无数后的吐血总结)
- 使用echarts防止出现“There is a chart instance already initialized on the dom.”的警告
- js自定义validate验证:验证日期是否在某一范围内
- mysql REGEXP 正则的实现两个字符串组的匹配(实现数据库字符串匹配查询)
- 微信小程序获取formId
- poj2446(二分匹配)
- Ubuntu16.04安装chrome浏览器
- Go语言进行web开发(二) Go中的Socket编程
- 《代码的未来(松本行弘)》读书笔记:
- OpenCV3_C++_DetectEye()图像眼睛识别 实例
- plotly 笔记