我应该如何将 `cardNumberElement`、`cardExpiryElement` 和 `cardCvcElement` 传递到 `stripe.confirmCardPayment` 的 `payment_method.card` 中? [英] How should I pass `cardNumberElement`, `cardExpiryElement` and `cardCvcElement` into `stripe.confirmCardPayment`'s `payment_method.card`?

问题描述

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

In stripe docs, I can easily create a card like this

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

我只是将 cardElement 传递给 confirmCardPayment

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

但是，由于视觉样式css的原因，我必须像这样将cardElement分成三部分:

However, for visual style css reason, I have to split cardElement in to three pieces like this:

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

那我想打电话给stripe.confirmCardPayment，我现在该怎么办?

Then I want to call stripe.confirmCardPayment, what should I do right now?

文档只显示了cardElement方法，没有拆分示例.

The doc only shows cardElement method, no splitted example.

推荐答案

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

You can pass the CardNumber Element in. As long as they were all created from the same instance of the Elements object, the confirmCardPayment function will pull the relevant information from all of the mounted Elements to get the expiry/CVC too and it will just work.

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

这篇关于我应该如何将 `cardNumberElement`、`cardExpiryElement` 和 `cardCvcElement` 传递到 `stripe.confirmCardPayment` 的 `payment_method.card` 中?的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！