如何在ASP.NET应用程序中使用jQuery捕获提交事件?

前端之家收集整理的这篇文章主要介绍了如何在ASP.NET应用程序中使用jQuery捕获提交事件?前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我试图处理使用jQuery的表单元素的submit事件。 @H_301_2@$("form").bind("submit",function() { alert("You are submitting!"); });

这不会在表单提交时(作为回发的一部分,例如当我点击按钮或链接按钮时)触发。

有没有办法使这项工作?我可以附加到触发提交的单个元素的事件,但是这不太理想 – 有太多的可能性(例如,autopostback = true的下拉列表,键盘快捷键等)

更新:这是一个最小的测试用例 – 这是我的aspx页面的全部内容

@H_301_2@<%@ page language="vb" autoeventwireup="false" %> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head runat="server"> <title></title> </head> <body> <form id="form1" runat="server"> <div> <asp:scriptmanager id="ScriptManager" runat="server" enablepartialrendering="true"> <scripts> <asp:scriptreference path="/Standard/Core/Javascript/Jquery.min.js" /> </scripts> </asp:scriptmanager> <p> <asp:linkbutton id="TestButton" text="Click me!" runat="server" /></p> </div> </form> <script type="text/javascript"> $(document).ready(function() { alert("Document ready."); $("form").submit(function() { alert("Submit detected."); }); }); </script> </body> </html>

我得到“文档准备”警报,但不是“提交检测到”,当点击链接按钮。

解决方法

感谢,@肯布朗宁和@russau指向我的劫持方向__doPostBack。
我看到了几种不同的方法

>硬编码我自己的__doPostBack版本,并将其放在页面上,以便它覆盖标准版本。
> Overload Render在页面上,并注入我自己的自定义代码到现有的__doPostBack。
>利用Javascript的功能性和创建一个钩子添加功能到__doPostBack。

前两个似乎不受欢迎的原因(例如,假设在将来有人需要添加自己的功能到__doPostBack)所以我已经去了#3。

这个addToPostBack函数是一个常见的pre-jQuery技术的变体,我用来向window.onload添加函数,它工作得很好:

@H_301_2@addToPostBack = function(func) { var old__doPostBack = __doPostBack; if (typeof __doPostBack != 'function') { __doPostBack = func; } else { __doPostBack = function(t,a) { if (func(t,a)) old__doPostBack(t,a); } } }; $(document).ready(function() { alert("Document ready."); addToPostBack(function(t,a) { return confirm("Really?") }); });

编辑:更改addToPostBack,使

>它可以接受与__doPostBack相同的参数>正在添加函数在__doPostBack之前发生>要添加函数可以返回false以中止回发

猜你在找的asp.Net相关文章