在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");
}
}
完美解决,惊呆中…
-----------------------------------------------------------------------------------------分割线
真实使用中遇到的问题:
先说明需求:
- 弹窗点取消加载loading,调用cs
- 点确定时如果校验未通过,不加载loading,不调用cs
- 点确定校验通过的时候,加载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框。