验证控件与Button的OnClientClick事件(转)
来源:互联网 发布:war thunder mac 编辑:程序博客网 时间:2024/05/23 01:59
一、事件
这是一个长期被我忽略或者是没有发现的问题,问题是这样的:
在一个页面中,当有验证控件的时候,当Button控件触发OnClientClick事件,并且这个事件会返回true和false的时候,验证控件就会失效,不起作用了。具体描述如下:
.Net页面如下:
<form id="form1" runat="server">
<asp:ScriptManager ID="ScriptManager1" runat="server">
</asp:ScriptManager>
<div>
<asp:TextBox ID="TextBoxTest" runat="server"></asp:TextBox>
<asp:RequiredFieldValidator ID="RequiredFieldValidator1" runat="server" ControlToValidate="TextBoxTest"
ErrorMessage="不能为空" Display="None"></asp:RequiredFieldValidator><ajaxToolkit:ValidatorCalloutExtender
ID="ValidatorCalloutExtender1" TargetControlID="RequiredFieldValidator1" runat="server">
</ajaxToolkit:ValidatorCalloutExtender>
<asp:Button ID="ButtonText" runat="server" Text="测试" OnClientClick="return confirm('你确定要提交吗?');" />
</div>
</form>
如上,在页面中加入RequireFieldValidator验证控件,使TextBoxTest的值不能为空,在ButtonText提交页面时,要用户确认是否需要提交。很简单的一个页面,貌似也没有什么问题。可是当TextBoxTest的值为空的时候,验证控件竟然不起作用,提交页面成功。这是什么原因呢?
二、响应事件
这是怎么回事呢?首先我将ButtonTest的OnClientClick事件去掉后,验证控件是起作用的。这又是为什么呢?我查看了页面的源代码,发现ButtonTest控件生成如下源代码:
<input type="submit" name="ButtonText" value="测试" onclick="javascript:WebForm_DoPostBackWithOptions(new WebForm_PostBackOptions("ButtonText", "", true, "", "", false, false))" id="ButtonText" />
从这行源代码可以看出,验证控件在客户端生成了一段javascript代码,验证TextBox中的值是否为空。当我加上ButtonTest的OnClientClick后,我重新查看了源代码,ButtonTest控件生成的源代码如下:
<input type="submit" name="ButtonText" value="测试" onclick="return confirm('你确定要提交吗?');WebForm_DoPostBackWithOptions(new WebForm_PostBackOptions("ButtonText", "", true, "", "", false, false))" id="ButtonText" />
从这行代码中,可以非常清楚的看到问题处在什么地方了,在客户端,首先执行的是自定义的javascript,然后在执行验证控件生成的这一段javascript,显然,在这种情况下,验证控件就失去任何意义了。
三、响应控件
知道了问题处在什么地方,就好办了,我的解决办法是:在执行自定义的javascript(return confirm('你确定要提交吗?‘)前 ,就要验证页面中的控件是否符合规则,于是我将ButtonTest的OnClientClick事件修改如下:
<asp:Button ID="ButtonText" runat="server" Text="测试" OnClientClick="if(CheckClientValidate()) return Confirm('你确定要提交页面吗?');" />
CheckClientValidate()方法的代码如下:
<script language="javascript" type="text/javascript">
function CheckClientValidate(){
Page_ClientValidate();
if (Page_IsValid){
return true;
}else{
return false;
}
}
</script>
运行,测试。验证控件发挥作用。问题解决。
文章来自:http://blog.csdn.net/w_mojian180/archive/2010/04/07/5458846.aspx
- 验证控件与Button的OnClientClick事件
- 验证控件与Button的OnClientClick事件
- 验证控件与Button的OnClientClick事件(转)
- 验证控件与Button的OnClientClick事件冲突
- Button控件的OnClientClick与验证控件冲突的问题
- 一个被长期忽略的一个问题:验证控件与Button的OnClientClick事件
- 一个被我长期忽略的一个问题:验证控件与Button的OnClientClick事件
- button的OnClick与OnClientClick事件
- button的OnClick与OnClientClick事件
- 解决验证控件与 OnClientClick 的冲突
- Button 控件的 OnClientClick 和 OnClick 事件执行顺序问题
- asp.net验证控件与onClientClick一起使用的问题
- Button的OnClientClick
- 关于asp.net button按钮的OnClick和OnClientClick事件
- asp.net button的OnClick和OnClientClick事件
- asp.net button的OnClick和OnClientClick事件
- asp.net button的OnClick和OnClientClick事件 .
- asp.net button的OnClick和OnClientClick事件区别
- JNI 数据类型转换
- 远程安装Linux操作系统
- EMC 2011 校园招聘 笔试题
- Android系统的Binder机制之一——Service Manager
- jquery插件制作
- 验证控件与Button的OnClientClick事件(转)
- Symbian 创建、删除文件夹
- SVN的trunk branch tag
- java时间格式大全
- ORA-01846:not a valid day of the week
- PDF抽词报错:java.lang.NullPointerException at org.pdfbox.pdmodel.PDPageNode.getAllKids(PDPageNode.java:194)
- linux下遍历目录树方法总结(上)
- vb+access求助题目
- Symbian崩溃保留解决方案