使用第三方脚本按钮,在单击页面上的其他按钮时触发

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了使用第三方脚本按钮,在单击页面上的其他按钮时触发相关的知识,希望对你有一定的参考价值。

我使用的是aspx,Visual Studio.net和VB。

我正在尝试集成Stripe来支付我的网站用户。我在正文中添加了Stripe脚本。

这应该是在点击付费按钮时打开付款表单。这工作正常,但我的问题是它触发并打开付款表单,每当我按下我的页面上的任何其他按钮。

这是我的代码:

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title></title>
</head>
<body>
    <form id="form1" runat="server">
        <div>
            <table>
                <tr>
                    <td>
                        <div id="paymentButton" runat="server">
                            <script
                                src="https://checkout.stripe.com/checkout.js" class="stripe-button"
                                data-key="My_Key"
                                data-name="My Name"
                                data-description="Subscription"
                                data-locale="auto"
                                data-currency="aud">
                            </script>
                        </div>
                    </td>
                </tr>
                <tr>
                    <td>
                        <asp:Button ID="btnNextPage" runat="server" Text="Next Page" />
                    </td>
                </tr>
            </table>

        </div>
    </form>
</body>
</html>

点击btnNextPage时我需要转到其他页面。但是当我点击btnNextPage按钮时,我也会打开付款表单。

你能告诉我吗?

谢谢。

答案

默认情况下,ASP.NET按钮(例如<asp:Button><asp:LinkButton>等)在单击时触发表单回发,<asp:HyperLink>更适合导航。

但是,如果你想使用按钮进行导航,你可以使用html <button>并在其onClick事件中进行导航,如

<button onclick="window.location.href='nextPage.aspx';return false">Next Page</button>

以上是关于使用第三方脚本按钮,在单击页面上的其他按钮时触发的主要内容,如果未能解决你的问题,请参考以下文章

自动单击包含相同文本和标签的页面上的多个按钮

个人 github 页面上的数据库

触发单击单选按钮并记住页面刷新时的选择

单击事件未触发的动态按钮

在单击按钮之前不要加载 JavaScript 标记

动态点击事件未触发