javascript - Stripe 事件管理

Question

我们在我们的网站上实现 Stripe 和 Paypal 付款(这两种付款方式在同一页面上提供)。对于 Stripe，我们按照此处的示例代码采用了简单实现方法:

   <form action="/stripeAction" method="POST">
      <script
        src="https://checkout.stripe.com/checkout.js" class="stripe-button"
        data-key="pk_test_6pRNASCoBOKtIshFeQd4XMUh"
        data-amount="2000"
        data-name="Demo Site"
        data-description="2 widgets ($20.00)"
        data-image="/128x128.png">
      </script>
    </form>

这非常有效，付款后 stripe 会自动禁用自己的“立即购买”按钮(以避免双击)。

由于相同的 HTML 页面还包含 Paypal 快速结帐链接，禁用它的最佳方法是什么(避免有人点击它，而页面刚刚从成功的 Stripe 付款中重新加载)？

到目前为止，我们尝试了 onsubmit 事件，但它似乎不起作用:

<form action="/stripeAction" method="POST" onsubmit="DO_SOME_ACTION">

任何想法/建议/提示将不胜感激!

谢谢，托马斯

Answer 1

我建议您做的是在禁用 PayPal 按钮的 Checkout open 事件上创建一个事件处理程序:

https://stripe.com/docs/checkout#integration-custom

唯一的缺点是它假设付款方式在 Checkout 中有效(即，该卡未被拒绝)。作为故障保险，如果不存在 Stripe token ，您可以在 Checkout closed 事件处理程序中重新启用 PayPal 按钮。

希望对您有所帮助!拉里

PS 我在 Stripe 从事支持工作。