jquery在asp.net中使用anchor提交函数问题->我们添加了 runat="server"锚定

发布于 2024-11-17 04:22:58 字数 662 浏览 2 评论 0 原文

我的锚点代码如下:

<a id="PaymentLink" name="PaymentLinks" runat="server"
        onserverclick="PaymentLink_Click" title="Payment"></a>

表单元素如下:

<form id="form1" runat="server" onsubmit="alert('alibaba');return false;">

jquery 的提交功能如下:

            $(function () {
                $('#form1').submit(function (e) {
                    alert('alert2');
      });
});

为什么单击该锚点后我们只看到阿里巴巴警报...
链接按钮也有这种方式...
但是当我们使用常规的 asp.net 按钮时,我们会看到两个警报...
当点击该锚点时,我们如何触发 jquery 的提交功能?

由于某些原因,我需要使用服务器端锚点......

提前致谢

my anchor code is like below :

<a id="PaymentLink" name="PaymentLinks" runat="server"
        onserverclick="PaymentLink_Click" title="Payment"></a>

form element like below :

<form id="form1" runat="server" onsubmit="alert('alibaba');return false;">

and submit function of jquery is like below :

            $(function () {
                $('#form1').submit(function (e) {
                    alert('alert2');
      });
});

why after click that anchor we only see alibaba alert ...
link button has this manner too...
but when we use regular asp.net buttons , we will see both alerts ...
how can we trigger submit function of jquery when that anchor is clicked ?

i need to use server side anchor for some reasons ...

thanks in advance

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(3

负佳期 2024-11-24 04:22:58

因为锚点 (HyperLinkBut​​ton) 设置为在服务器上运行,并且它会触发 onServerClick,所以页面会发送回服务器,并且不会触发客户端 $('#form1').submit() 函数。您必须决定如何处理 onClick 事件:服务器端还是客户端。您还可以考虑让链接按钮异步调用 WebMethod,然后在客户端处理回调。

Because the anchor (HyperLinkButton) is set to run on server and it fires onServerClick, the page is posted back to server and your client-side $('#form1').submit() function is not fired. You have to decide, how do you want to handle onClick event: server-side or client-side. You could also consider having the linkbutton call a WebMethod asynchronously and then handle callback on client.

佼人 2024-11-24 04:22:58

我采用了 Yuriy 提到的解决方案并将其放入 jQuery 插件中: http://plugins.jquery.com/beforePostBack /

I took the solution mentioned by Yuriy and put it in a jQuery plugin: http://plugins.jquery.com/beforePostBack/.

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文