木子屋
 

标题: OnClientClick与PostBackUrl无法同时使用解决方案

作者: dnawo

日期: 2008-04-02 04:22 PM

分类: Web编程

内容: 复制内容到剪贴板 程序代码<asp:Button ID="Button1" runat="server" Text="下一步" OnClientClick="return CheckForm1(document.form1);" PostBackUrl="http://www.mzwu.com/send.aspx" />
运行后页面源代码如下：
复制内容到剪贴板 程序代码<input type="submit" name="Button1" value="下一步" onclick="return CheckForm1(document.form1);WebForm_DoPostBackWithOptions(new WebForm_PostBackOptions("Button1", "", false, "", "http://www.mzwu.com/send.aspx", false, false))" id="Button1" />
可见"return CheckForm1(document.form1);"后背后的脚本根本就不再执行了，所以PostBackUrl也就失去了作用，解决方法是不使用PostBackUrl，在脚本CheckForm1动态改变表单的action属性的。
经测试发现把Button改为LinkButton也可以：
复制内容到剪贴板 程序代码<asp:LinkButton ID="LinkButton1" runat="server" PostBackUrl="http://www.mzwu.com/send.aspx" OnClientClick="return CheckForm1(document.form1);">下一步</asp:LinkButton>
运行后页面源代码如下：
复制内容到剪贴板 程序代码<a onclick="return CheckForm1(document.form1);" id="LinkButton1" href="javascript:WebForm_DoPostBackWithOptions(new WebForm_PostBackOptions("LinkButton1", "", false, "", "http://www.mzwu.com/send.aspx", false, true))">下一步</a>
可惜LinkButton是链接，不过我们可以用CSS将其外观改为按钮样式！
最后一种方法就是不用服务器端控件，将Button改为<input type="submit" name="Button1" value="下一步" onclick="return CheckForm1(document.form1);">，一样在CheckForm1中改变表单action属性也是可以的。

+ 查看当前日志评论 (0)

 

登录

────────────

木子屋

PJBlog3 v3.2.9.518 Inside.

Processed In 0.031 ms

标题: OnClientClick与PostBackUrl无法同时使用解决方案

你没有权限发表评论

────────────

木子屋

PJBlog3 v3.2.9.518 Inside.

Processed In 0.031 ms

暂无评论

返回

────────────

木子屋

PJBlog3 v3.2.9.518 Inside.

Processed In 0.031 ms