您的位置:首页 > Web前端 > JQuery

jquery验证(示例一)

2013-06-13 15:55 405 查看
说明:

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: {
//错误提示信息,一般不用写会有默认值 ,在此处定义将会覆盖默认值
}
});
});
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: