jquery验证(示例一)
2013-06-13 15:55
405 查看
说明:
1、isLegalDate为自定义验证方法名;
2、$.validator.addMethod("isLegalDate",function(value,element)中的value为自定义方法的传参;
3、validateForm.element($("#expectCompleteDate"));表示单独进行"#expectCompleteDate"控件的输入验证。
1、isLegalDate为自定义验证方法名;
2、$.validator.addMethod("isLegalDate",function(value,element)中的value为自定义方法的传参;
3、validateForm.element($("#expectCompleteDate"));表示单独进行"#expectCompleteDate"控件的输入验证。
$().ready(function(){ $("#expectCompleteDate").datepicker({ regional:"zh-CN", formatDate:"yyyy-MM-dd", onSelect: function(dateText,inst) { var expect = $('#expectCompleteDate').val(); if (expect) { validateForm.element($("#expectCompleteDate")); } } }); if("${priority}" == null || "${priority}" == "") { document.getElementsByName('priority')[1].checked=true; } $.validator.addMethod("isLegalDate",function(value,element) { var day = new Date(); var Year = 0; var Month = 0; var Day = 0; var CurrentDate = ""; //初始化时间 Year = day.getFullYear(); Month = day.getMonth()+1; Day = day.getDate(); CurrentDate += Year + "-"; if (Month >= 10 ){ CurrentDate += Month + "-"; }else{ CurrentDate += "0" + Month + "-"; } if (Day >= 10 ){ CurrentDate += Day ; }else{ CurrentDate += "0" + Day ; } var compareDate = $("#expectCompleteDate").val(); var startDate = new Date(CurrentDate.replace("-",",")).getTime(); var endDate = new Date(compareDate.replace("-",",")).getTime(); var flag = endDate - startDate; return (flag >= 0); },"期望完成时间不能早于今天"); //form中的字段验证 validateForm = $("#procedureDataTaskApplyExecuteForm").validate({ onsubmit:false, onkeyup:false, focusCleanup:true, //显示错误信息用的标签类型 errorElement: "em", //验证规则 rules: { title: {required: true,maxlength: 60}, priority: {required: true}, expectCompleteDate: {required: true,dateISO:true,isLegalDate:true}, taskDescription: {maxlength: 250} }, messages: { //错误提示信息,一般不用写会有默认值 ,在此处定义将会覆盖默认值 } }); });
相关文章推荐
- jQuery formValidator表单验证插件开源了!!含API帮助、源码、示例
- Jquery插件easyUi实现表单验证示例
- [转摘]jQuery formValidator表单验证插件开源了!!含API帮助、源码、示例
- jQuery formValidator表单验证插件开源了!!含API帮助、源码、示例
- jquery内置验证(validate)使用方法示例(表单验证)
- jQuery表单验证简单示例
- jQuery Validate错误用sweet alert显示 + Boostrap tooltip 表单验证示例
- jQuery.Validate表单验证插件的使用示例详解
- jquery表单验证框架提供的身份证验证方法(示例代码)
- jquery验证手机号码、邮箱格式是否正确示例代码
- jQuery formValidator表单验证插件开源了!!含API帮助、源码、示例
- jquery vlidator 验证示例
- jquery 验证Email邮箱格式的代码示例
- Jquery插件easyUi表单验证提交(示例代码)
- Jquery插件easyUi实现表单验证示例
- jQuery formValidator表单验证插件开源了!!含API帮助、源码、示例
- 自带丰富示例的 jQuery验证表单插件
- jQuery formValidator表单验证插件开源了!!含API帮助、源码、示例
- jQuery使用正则验证15/18身份证的方法示例