jquery validate 通过required对表单多字段的联合校验
- 2019-03-13 09:56:00
- Seagull 原创
- 6324
在使用jquery validate表单验证的过程中,其实经常碰到一个表单里面的某个字段校验需要根据另外一个字段的值,有不同的校验规则以及提示,在网上搜索了一通,发现有一些关于jquery validate中required的用法介绍,如下:
required: true 值是必须的。
required: "#aa:checked" 表达式的值为真,则需要验证。
required: function(){} 返回为真,表示需要验证。
大部分都只有这么一个说明,至于function()里面怎么写,没有示例,所以特地总结一下,把这个示例写出来,包括针对不同规则校验下的不同提示,如下:
$("#form-projectCaseSteps-edit").validate({
/*解决错误提示不在输入框的问题*/
errorPlacement: function(error, element) {
error.appendTo(element.parent());
},
rules:{
stepPath:{
maxlength: 500,
required: function(value){
var num=value.getAttribute("id").substring(8);
var stepType=$("#stepType"+num).val();
if(stepType=="2" && $("#stepPath"+num).val()==""){
/*不同的校验规则,不同的错误提示*/
$.validator.messages.required = "API接口,必须填写包路径";
return true;
}else if(stepType=="0" && $("#stepPath"+num).val()==""){
$.validator.messages.required = "HTTP接口,必须填写请求URL";
return true;
}else{
return false;
}
}
},
}
});
本站文章以及相关内容除注明转贴外,均为本站原创或翻译。
如果本站转载的文章涉嫌侵犯了您的权益,请在评论区留言或是邮件联系管理员及时删除【admin@luckyframe.cn】
本站原创或是翻译的文章欢迎任何形式转载,但请务必注明出处以及链接,尊重他人劳动成果,拒绝剽窃从你做起。