KEITH LARD

[jolly pawn]

Hello 👋
Card networks don't really require a name to be passed in
Also the CardElement provides barebones so that developers can build their own UI/UX.

If you do want to collect the cardholder name then you can have your own field that collects it and then pass it in when you confirm the PaymentIntent as part of billingDetails
https://stripe.com/docs/js/payment_intents/confirm_payment#confirm_payment_intent-options-confirmParams-payment_method_data-billing_details

We have a doc here that provides more context on card verification
https://stripe.com/docs/disputes/prevention/verification

[merry tartan]

thank you, can I pass that name using this api?

            const {error: paymentMethodError, paymentMethod} = await this.stripe.createPaymentMethod({
                type: 'card',
                card: this.cardElement
            })

would it just an extra parameter billing_details

[jolly pawn]

Yup
We have an example here
https://stripe.com/docs/js/payment_methods/create_payment_method

  .createPaymentMethod({
    type: 'card',
    card: cardElement,
    billing_details: {
      name: 'Jenny Rosen',
    },
  })
  .then(function(result) {
    // Handle result.error or result.paymentMethod
  });```

[merry tartan]

perfect thank 🙂

[jolly pawn]

NP! 🙂 Happy to help

[merry tartan]

I cant see payment methods can I, until it's attached to a customer/charged ?

[jolly pawn]

Umm do you mean on the dashboard?

[merry tartan]

ye

[jolly pawn]

Gotcha, yeah in that case you'd need to attach it
You can look at the API logs though if you just want to confirm if the PaymentMethod was created 😅

OR list them using the API

[merry tartan]

Cool, I was also wondering, cardElement.focus(); doesn't seem to be working, is that the correct way to do it?

[cosmic pulsar]

Good question, checking in to how you can do this with the card element and will get back to you

[merry tartan]

thank you

[cosmic pulsar]

That function seems to work for me https://jsfiddle.net/8q7styz9/8/