jquery验证(示例一)

说明:
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验证(示例一))