chridy

[timid prism]

hi there!

to achieve this, you could need to create multiple elements on your end with this https://stripe.com/docs/js/elements_object/create_element?type=card
so separately create cardNumber, cardExpiry, and so on.

[frozen tapir]

ah ok, so it's not possible with the card element directly?

is it possible to hide the card element and use separate visible form fields to fill it out? It's StripeJS in a vue app, so I was wondering if it can connect to a vue data variable

[timid prism]

ah ok, so it's not possible with the card element directly?
you can, but then you can't change its layout.

is it possible to hide the card element and use separate visible form fields to fill it out?
I'm not sure what that means, can you calrify

[frozen tapir]

I see, ok

[frozen tapir]

sorry, I wasn't very clear

[timid prism]

It's StripeJS in a vue app
Note that Stripe.js is not fully compatible with Vue.js. The workaround is using third-party wrappers for the library instead, like vuestripe.com

[frozen tapir]

ok cool

[frozen tapir]

So we had a backup plan of using standard HTML form fields that when updated, pass their values through to a hidden Stripe card element (e.g. a visible cardnumber field would pass the entered value to the card element's cardnumber field). It would allow us to style the form how we want, but when the form is submitted, it just submits the card element

[timid prism]

using standard HTML form fields that when updated, pass their values through to a hidden Stripe card element
no that's not possible

that would mean you application has access to the raw card information, which is only allowed if you are PCI compliant

[frozen tapir]

ah I see, ok thank you 🙂