参数详情可参见: 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形式");