欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

jquery validate 根据ajax 返回结果,动态生成错误提示信息

程序员文章站 2022-07-15 16:49:08
...

jquery validate 想要根据ajax 返回结果,动态生成错误提示信息,可以给该验证方法写单独的messages,而不使用默认的messages 。

示例:

// 验证规则
var validator = $("#addInfoForm").validate({
  rules : {
	add_equip_type :   {	required : true},
	add_station_id:   {required : true},
	add_code:    {	selOption:true},
	add_distance:{number: true, twoNum: true,max:99999999.99, min: 0},
	add_weight:{
	    required: true,
	    number:true,
	    twoNum:true,
	    max:1.00,
	    remote: {//权重之和不能大于1判断
	         url: this.projectName +"/powerWeather/judgeWeightTotal.action",
	         type:"post",
	         data: {
	        	weight: function() {return $.trim($("#add_weight").val());},
	        	station_id: function() {return $.trim($("#add_station_id").val());},
	        	equip_type: function() {return $.trim($("#add_equip_type").val());},
	         },
	        dataFilter: function(data) {
	            var jsObject=JSON.parse(data);
		        if (jsObject.data >0){
                    //this.validateMessage在前面定义为通用属性
		            this.validateMessage="该设备已分配权重为"+jsObject.weightYet+",所有权重之和不能大于1";
                    //改写提示的错误信息
		            $.validator.messages["remote"]= this.validateMessage;
		            return false;
		        }else{
                    return true;
                }
	        }
	    }
	}
  },
});

 

相关标签: validate