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框。

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值