参数详情可参见: http://www.runoob.com/jquery/jquery-plugin-validate.html
基本使用:
/** 数据保存前校验 **/ $("#userInfoForm").validate({ debug:true, //仅测试不提交 onsubmit:false, //校验时间 ignore: ".ignore", //ignore class的不做校验 rules: { "name": { required: true }, "gender": { required: true, maxlength: 1 } "message":{ required: function(){if($("gender").val() == 'MV'){return true;} return false;}, url: true } }, messages: { "name": { required: "请输入名字" }, "gender":{ required: "请输入性别", maxlength: $.validator.format("性别长度不能大于{0}个字符"); } });
/** 执行校验 **/
$("#userInfoForm").valid();
添加自定义方法:
/** 自定义validate方法 验证日期和时间 **/ $.validator.addMethod("myTimes",function(value,element,params){ value = $.trim(value); if(value.indexOf(":") < 0){ return false; } var hm = value.split(":"); if(!(/^[0-9]{1,2}$/).test(hm[0]) || !(/^[0-9]{1,2}$/).test(hm[1])){ return false; } if(hm[0] > 24 || hm[1] > 60){ return false; } return true; }, "时间格式不正确,请采用hh:mm形式");