参数详情可参见: 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形式");
jqueryValidate
原文地址:https://www.cnblogs.com/DennyZhao/p/10126537.html