lf知识星球banner

jquery validate 通过required对表单多字段的联合校验

2019-03-13 09:56:00
Seagull
原创
5740

在使用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】

发表评论
评论通过审核后显示。
付费知识圈