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

2024-01-01

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

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

我只是通过cardElement to 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 https://stripe.com/docs/js/payment_intents/confirm_card_payment只显示cardElement方法,没有分割示例。


您可以传入 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 https://stripe.com/docs/js/setup_intents/confirm_card_setup#stripe_confirm_card_setup-with_element-payment_method-card

本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

我应该如何将 `cardNumberElement`、`cardExpiryElement` 和 `cardCvcElement` 传递到 `stripe.confirmCardPayment` 的 ` payment_method.card` 中? 的相关文章

随机推荐