一个朋友问了我一个问题,颇有意思
问题是这样的,一个页面上有一个服务器控件的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('请确定输入无误?');";
各位兄弟可以试试,看看还有什么更好的办法:)