使用nice validator的setMsg() 动态改变控件的验证消息

严开宇
2023-12-01

今天用了nice validator 的动态改变验证消息的功能,但是它的官方文档没写详细,导致我折腾了一会。

现在贴出来,希望能帮助到其他人。

 

我使用的原因是:我们项目中上传身份证明文件是需要选类型,有身份证、驾照、护照等。由于上传控件只有一个(要是弄多个就显得太傻了),所以当选择不同类型,上传控件的提示语就要相应变化成 “请上传身份证图片”、“请上传驾照图片”等等。

 

 

//表单验证
             $('#cardForm').validator({
    			theme: 'yellow_right_effect',  //设置theme
    			stopOnError: true, //
    			rules:{
				     //...省略不贴
			        
				},
                                //如果要使用setMsg,就要这么来配验证消息
				messages:{
					required:"请上传身份证明正面图片",

					//...其他省略不贴
				},
    		    fields: {
    		    	"desc1": {
    		            rule: "required;",
    		            target: "#msg_holder1",
    		            ok:""
    		        },
    		        //...其他省略不贴
    		    }
    		});

                
             $("#idcardType").bind("change",function(){
				
		//动态修改messages中的配置,#idcardType是我的下拉框,html我就不贴出来了
  
	        $('#cardForm').validator( "setMsg", { "required" : "请上传" + $("#idcardType option:selected").text() + "图片" } );
  
             }

    

    

 

 类似资料: