javascript - 创建自定义表单以使用 Stripe 接受信用卡

Question

编辑:我找到了解决方案，请参阅我的评论。

我尝试了解如何制作包含以下信息的自定义表单:信用卡号、到期时间、CVC、姓名和邮政编码，获取所有这些信息并触发付款。

我不想使用stripe的集成。所以我在 Stripe 上找到了这个页面:https://stripe.com/docs/payments/accept-a-payment在本页中，我们可以学习如何使用 DIV 卡元素创建由 Stripe 生成的表单:

<form id="payment-form">
  <div id="card-element">
    <!-- Elements will create input elements here -->
  </div>

  <!-- We'll put the error messages in this element -->
  <div id="card-errors" role="alert"></div>

  <button id="submit">Pay</button>
</form>

在文档中我们可以看到stripe制作的示例:https://stripe.dev/elements-examples/我用样本2示例 2 显示了一个“ float 标签”表单，该表单使用带有自定义 Web 字体的单独的 cardNumber、cardExpiry 和 cardCvc 元素。

我们可以得到js文件和css文件，这里通用代码:https://github.com/stripe/elements-examples/blob/master/js/index.js

但我不明白，在sample2中，通用代码使用stripe.createToken，在文档中他们使用confirmCardPayment

stripe.confirmCardPayment(clientSecret, {
    payment_method: {
      card: card,
      billing_details: {
        name: 'Jenny Rosen'
      }
    }
  }).then(function(result) {
    if (result.error) {
      // Show error to your customer (e.g., insufficient funds)
      console.log(result.error.message);
    } else {
      // The payment has been processed!
      if (result.paymentIntent.status === 'succeeded') {
        // Show a success message to your customer
        // There's a risk of the customer closing the window before callback
        // execution. Set up a webhook or plugin to listen for the
        // payment_intent.succeeded event that handles any business critical
        // post-payment actions.
      }
    }

我不知道如何获取我的信息(价格、邮政编码、信用卡号、有效期、CVC)并触发付款。我迷路了。

请帮忙，谢谢。

Answer 1

由于 Stripe 需要满足新数据保护法规的要求，因此您无法再检索表单数据。相反，数据会直接发送到 Stripe，并且您会收到代表该数据的 secret 客户端 token 。