条纹事件管理

时间:2014-10-20 18:48:48

标签: javascript stripe-payments

我们正在为我们网站上的付款实施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>

这非常有效,条纹会自动禁用它自己的&#34;立即购买&#34;付款完成后按钮(避免双击)。

由于同一个HTML页面还包含Paypal快速结账链接,所以最好的方法是禁用它(以避免有人点击它,而页面只是从成功的Stripe付款重新加载)?

到目前为止,我们尝试了 onsubmit 事件,但它似乎无法正常工作:

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

非常感谢任何想法/建议/提示!

谢谢, 托马斯

1 个答案:

答案 0 :(得分:2)

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

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

唯一的缺点是假设付款方式在Checkout中有效(即卡不被拒绝)。作为故障保护,如果不存在条带标记,您可以在Checkout关闭事件处理程序中重新启用PayPal按钮。

希望有所帮助! 拉里

PS我在Stripe的支持工作。