ASP.NET中关于验证控件和自定义弹出确认窗口的冲突问题

一个页面上有一个服务器控件的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标记中加入
οnclick="javascript:return window.confirm('请确定输入无误?');"
以弹出确认对话框
我让他通过“查看源文件”,得到了发送到客户端的button标记
<input type="submit" name="Button1" value="Button" οnclick="if (typeof(Page_ClientValidate) == 'function') Page_ClientValidate(); " language="javascript" id="Button1" οnclick="javascript:return window.confirm('请确定输入无误?');"/>
发现其中有两个onclick事件,仔细一问把原因搞清楚了
他在页面上还有一个RequiredFieldValidator,而RequiredFieldValidator的原理也是给所有CausesValidation="True"的Button加上
οnclick="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" οnclick="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多了一句 οnclick="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('请确定输入无误?');}";

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值