Question

我处于一个简单的结帐表单中的遗留代码中间，该样式可以与我试图与Stripe集成的结帐配合使用；这是有效的旧代码：

<form method="post" name="submit_order" action="40_SubmitOrder.asp" class="text-center">

<script>
$(document).ready(function() {
 $('input#SubmitOrder').click(function() {
  $(this).val('please wait...');
  });
});
</script>

<input class="btn btn-default default-btn" type="submit" name="SubmitOrder" id="SubmitOrder" value="buy stuff">

..我尝试使用Stripe的checkout.js作为按钮来使用它的一种变体，但它不起作用：

  <form method="post" name="submit_order" action="40_SubmitOrder.asp" class="text-center">

    <script>
    $(document).ready(function() {
     $('input#SubmitOrder').click(function() {
      $(this).val('please wait...');
      });
    });
    </script>

    <button class="btn btn-default default-btn" type="submit" name="SubmitOrder" id="SubmitOrder">buy stuff</button>

..“条纹”弹出窗口看起来不错，但表单未提交。我尝试过form.submit（）的变体没有运气。而且，我也尝试不使用jquery来做到这一点（由于遗留原因）。

这是我目前正在此表单下使用的Stripe JS：

<script src="https://checkout.stripe.com/checkout.js"></script>

<script>
var handler = StripeCheckout.configure({
  key: 'pk_test_mytestkey',
  image: 'https://stripe.com/img/documentation/checkout/marketplace.png',
  locale: 'auto',
  token: function(token) {
    // nothing here yet
  }
});

document.getElementById('SubmitOrder').addEventListener('click', function(e) {
  // Open Checkout with further options:
  handler.open({
    name: 'legacy checkout site',
    description: '2 widgets',
    amount: 2000
  });
   e.preventDefault();
});

// Close Checkout on page navigation:
window.addEventListener('popstate', function() {
  handler.close();
});
</script>

有没有一种方法而不必深入了解Stripe API？谢谢！

如何在stripe / checkout.js上集成输入（而不是按钮）？

0 个答案: