RequiredFieldValidator + OnClientClick + ValidationGroup 问题处理

在ASP.NET 2.0中引入了OnClientClick属性，以消除开发人员以编程方式将客户端“onclick”添加到控件的需要。

例：
JS脚本

function ShowMe()
{ 
   alert（“show”）; 
}

ASPX

<asp：TextBox id =“txtName”runat =“server”/> 
<asp：Button id =“btn Submit” OnClientClick =“ShowMe()” Text =“提交” runat =“server”/>

这是一个很简单的调用，但是，当OnClientClick遇到Validator类型的控件时，会有奇怪的问题
例：

<asp：TextBox id =“txtName”runat =“server”/>     
<asp：RequiredFieldValidator  ID=“RequiredFieldValidator1” ControlToValidate =“txtName” ErrorMessage =“请填写姓名” Display =“Dynamic” runat =“server”/>
<asp：Button ID =“btnSubmit” OnClientClick =“ShowMe()” Text =“提交” runat =“server”/>

每次点提交都会先调用ShowMe函数，之后再出现校验结果，很明显这个不是我们想要的。

在多种方案搁浅后，题主发现了一个通用的解决方案，只用一行代码解决该问题。

function ShowMe()
{ 
	if (Page_ClientValidate())
	{
   		alert（"show"）; 
   	}
}

完美解决，惊呆中…

-----------------------------------------------------------------------------------------分割线

真实使用中遇到的问题：
先说明需求：

1. 弹窗点取消加载loading，调用cs
2. 点确定时如果校验未通过，不加载loading，不调用cs
3. 点确定校验通过的时候，加载loading，调用cs

遇到的问题：

• 同一个列表页有编辑和新增两个弹窗，分别进行了校验（用ValidationGroup，不知道用法请自行百度），但是Page_ClientValidate()会执行当前页的所有校验，因此新增和编辑会互相影响
  解决方案：传入参数ValidationGroup，调用时当做入参，如下：
  Page_ClientValidate(ValidationGroup)
• 弹窗中取消调用cs中的方法重置弹窗中的form，因此取消和确定都调用了Page_ClientValidate()，但是该方法调用时会自动进行表单校验，因此本来不需要校验的取消也进行了校验没有调用cs：
  解决方案：入参表征是否进行验证。

最终版代码如下：

function layerLoad(confirm, group) {
    if (!(confirm && !Page_ClientValidate(group))) {
        // 加载loading框
        layer.load(2);
    }
}

confirm传入false也会阻断Page_ClientValidate(group)方法的执行，因此传入false时候肯定不会进行校验且会加载loading框。

最后

以上就是迅速白昼为你收集整理的RequiredFieldValidator + OnClientClick + ValidationGroup 问题处理的全部内容，希望文章能够帮你解决RequiredFieldValidator + OnClientClick + ValidationGroup 问题处理所遇到的程序开发问题。

如果觉得靠谱客网站的内容还不错，欢迎将靠谱客网站推荐给程序员好友。