利用jQuery动态显示错误信息

今天碰到一个新需要，在页面上要动态显示错误信息，而且只显示一条。显示错误信息不难，可以用各种验证控件，比如RequiredFieldValidator。显示完整的错误信息也不难，可以用ValidationSummary控件，但问题是只显示一条，也就是页面上可能有很多的验证控件，点击按钮时触发显示错误信息，有点搞死人，最后借助了就jQuery和客户端验证才搞定的，花了不少时间，所以一定要记录下来。

function DisplayErrorInfo(vgroup,errordivid) { $("#Z7M5").css("display","none"); $("#Z3M2").css("display","none"); if (Page_Validators != null) { for (var i = 0; i < Page_Validators.length; i++) { ValidatorValidate(Page_Validators[i]); if (!Page_Validators[i].isvalid) { if(Page_Validators[i].validationGroup == vgroup) { //alert(Page_Validators[i].id); if($(Page_Validators[i].id).css("display") == "none") { $(errordivid).css("display","none"); } else { $(errordivid).css("display","block"); } return; } } else { $(errordivid).css("display","none"); } } } }

 

代码其实不难，就是先找到已经触发的验证控件，然后再显示错误信息。