javascript - 我应该如何将 `cardNumberElement` 、 `cardExpiryElement` 和 `cardCvcElement` 传递到 `stripe.confirmCardPayment` 的 `payment_method.card` 中？

Question

在 Stripe 文档中，我可以轻松创建这样的卡片

var cardElement = elements.create("card");

我只是通过 cardElement至 confirmCardPayment

stripe.confirmCardPayment("{PAYMENT_INTENT_CLIENT_SECRET}", {
  payment_method: {
    card: cardElement,
  },
});

但是，对于 视觉样式 css 原因，我必须拆分 cardElement分成三个这样的部分:

var cardNumberElement = elements.create("cardNumber");
var cardExpiryElement = elements.create("cardExpiry");
var cardCvcElement = elements.create("cardCvc");

那我想打 stripe.confirmCardPayment ，我现在该怎么办？

The doc只显示 cardElement方法，没有拆分示例。

Answer 1

您可以传入 CardNumber 元素。只要它们都是从 Elements 对象的同一个实例创建的，confirmCardPayment 函数将从所有已安装的元素中提取相关信息以获取到期/CVC，它就可以工作.

stripe.confirmCardPayment("{PAYMENT_INTENT_CLIENT_SECRET}", {
  payment_method: {
    card: cardNumberElement,
  },
});

https://stripe.com/docs/js/setup_intents/confirm_card_setup#stripe_confirm_card_setup-with_element-payment_method-card