javascript - 带选项的条纹自定义结帐

Question

如何向 Stripe Custom Checkout 添加尺寸选项？截至目前，我有这个使用带有脚本标签的自定义结帐。

<?php
require('config.php');


?>
  <form action="charge.php" method="post">
      <script src="https://checkout.stripe.com/checkout.js" class="stripe-button"
        data-key="<?php echo $stripe['publishable_key']?>"
        data-amount="3500"
        data-locale="auto"
        data-company="Company Name"
        data-billingAddress="true"
        data-email="true">
      </script>
  </form>

Answer 1

你不能。

这是因为 Stripe 将结帐嵌入到iframe元素中。这样做是为了让您无法从自己的 js 上下文中访问卡片详细信息。这使您无需处理任何此类事情即可使您符合 PCI 标准。

如果您想要更可定制的体验，可以自己标记卡片而不使用它们的结账。或者使用新的Elements API创建一个混合体，它会给你更多的风格控制，更少的设置和很多不错的功能。