惯性聚合 高效追踪和阅读你感兴趣的博客、新闻、科技资讯
阅读原文 在惯性聚合中打开

推荐订阅源

IT之家
IT之家
H
Help Net Security
GbyAI
GbyAI
博客园_首页
G
Google Developers Blog
Microsoft Security Blog
Microsoft Security Blog
博客园 - 【当耐特】
月光博客
月光博客
美团技术团队
B
Blog RSS Feed
博客园 - 三生石上(FineUI控件)
WordPress大学
WordPress大学
博客园 - 叶小钗
有赞技术团队
有赞技术团队
T
The Blog of Author Tim Ferriss
Engineering at Meta
Engineering at Meta
Google DeepMind News
Google DeepMind News
Y
Y Combinator Blog
宝玉的分享
宝玉的分享
Microsoft Azure Blog
Microsoft Azure Blog
罗磊的独立博客
云风的 BLOG
云风的 BLOG
Cyber Security Advisories - MS-ISAC
Cyber Security Advisories - MS-ISAC
P
Proofpoint News Feed

博客园 - iQingHan

C#中二进制和流之间的各种相互转换 underscore-1.8.3-analysis.js 经典JS 12 extremely useful hacks for JavaScript IIS字体文件添加MIME映射 js类型判断的方法 基于html5 canvas 的客户端异步上传图片的插件,支持客户端压缩图片尺寸 Google Chrome 默认非安全端口列表 js判断类型的方法 博客园样式排版自定义 easyloader.js源代码分析 JQuery操作cookies jQuery插件的开发 jQuery 1.9 移除了 $.browser 的替代方法 Pretty Gmail GreasemonkeyScript jQuery之移除链接小插件 JQuery获取浏览器窗口的可视区域高度和宽度,滚动条高度 jQuery的选择器 园子里使用的jQuery.json
ASP.NET中关于验证控件和自定义弹出确认窗口的冲突问题
iQingHan · 2011-11-04 · via 博客园 - iQingHan

一个页面上有一个服务器控件的Button,为什么在Page_Load里加上了 
Button1.Attributes["onclick"]="javascript:return window.confirm('请确定输入无误?');"; 
却弹不出确认对话框。 
因为是在msn上交流的,我给他测试了一下,语句没有一点问题,还以为是.net framework出了问题。不过一想这主要是用javascript,问题不应该出在framework上。 
Button服务器控件发送到客户端后的html标记为 
<input type="submit" name="Button1" id="Button1" value="Button"/> 
上面那条语句的原理也就是发送到客户端后在input标记中加入 
onclick="javascript:return window.confirm('请确定输入无误?');" 
以弹出确认对话框 
我让他通过“查看源文件”,得到了发送到客户端的button标记 
<input type="submit" name="Button1" value="Button" onclick="if (typeof(Page_ClientValidate) == 'function') Page_ClientValidate(); " language="javascript" id="Button1" onclick="javascript:return window.confirm('请确定输入无误?');"/> 
发现其中有两个onclick事件,仔细一问把原因搞清楚了 
他在页面上还有一个RequiredFieldValidator,而RequiredFieldValidator的原理也是给所有CausesValidation="True"的Button加上 
onclick="if (typeof(Page_ClientValidate) == 'function') Page_ClientValidate(); " 
因此,出现了两个onclick,IE只响应了第一个onclick。如果把Button设为CausesValidation="False",确认对话框就可以弹出来了。 
现在问题变成了在一个带有RequiredFieldValidator的页面上,怎么让CausesValidation="True"的按钮弹出确认对话框 
我做了第一次尝试,在一个新的页面,用下面的语句测试 
Button2.Attributes["onclick"]="alert('Sure!');"; 
Button2.Attributes["onclick"]+="javascript:return window.confirm('请确定输入无误?');"; 
发送到客户端后为 
<input type="submit" name="Button2" value="Button" id="Button2" onclick="javascript:alert('Sure!');return window.confirm('请确定输入无误?');" /> 
也就是两个onclick语句合到了一起,正常显示 
但是,我想用相应的方法时加到Button1时 
Button1.Attributes["onclick"]+="javascript:return window.confirm('请确定输入无误?');"; 
很遗憾,还是出现两个onclick,这么做还是不行。我想这可能是RequiredFieldValidator的特殊机制吧。 
又仔细看了一下RequiredFieldValidator控件的原理,在一个含有RequiredFieldValidator控件的页面 上,RequiredFieldValidator控件发送到客户端后生成一些javascript函 数,CausesValidation="True"的Button只比CausesValidation="False"的Button多了一句 onclick="if (typeof(Page_ClientValidate) == 'function') Page_ClientValidate(); ",即调用相应的javacript代码在客户端验证,明白了这点 
我又做了如下修改 
把Button1设CausesValidation="False",在Page_Load里 
Button1.Attributes["onclick"]="javascript:if (typeof(Page_ClientValidate) == 'function') Page_ClientValidate();return window.confirm('请确定输入无误?');"; 
这一次成功了,既弹出了确认对话框,也进行了RequiredFieldValidator的验证 
不过这样的话每次都要弹出确认对话框,我想进一步改进,让它先进行RequiredFieldValidator的验证,如果通过,再弹出对话框,又稍稍做了如下修改 
Button1.Attributes["onclick"]="javascript:if (typeof(Page_ClientValidate) == 'function') Page_ClientValidate();if(Page_ClientValidate()) return window.confirm('请确定输入无误?');"; 
不过改为这样比较好 ,原来的多了一次验证Page_ClientValidate() :
Button1.Attributes["onclick"]="javascript:if (typeof(Page_ClientValidate) == 'function'){ if(Page_ClientValidate()) return window.confirm('请确定输入无误?');}";