ironbeard - card element | Stripe Developers | Page 1

pseudo cargo Feb 11, 2022, 4:04 PM

#

hey there

#

you mean you want to get the card element instance reference, correct?

#

(ie, you're not trying to access any card field details, which can't be done)

#

I think you're just looking for getElement('card') if so: https://stripe.com/docs/js/elements_object/get_element

Stripe JS Reference

heady oak Feb 11, 2022, 4:16 PM

#

I think so. I want to be able to listen for the change events, those are sent by the card element instance, right?

pseudo cargo Feb 11, 2022, 4:22 PM

#

Yep! You can pick that up and add a listener

#

Just be careful not to add duplicate listeners, could get noisy

heady oak Feb 11, 2022, 4:24 PM

#

Gotcha, thanks! Do you know if events from the card element instance bubble up to the initial DOM element, e.g., #card-element?

pseudo cargo Feb 11, 2022, 4:28 PM

#

I don't expect they would, no, but i havent tried that explicitly

heady oak Feb 11, 2022, 4:30 PM

#

Thanks!

pseudo cargo Feb 11, 2022, 4:33 PM

#

NP!

pseudo cargo Feb 11, 2022, 4:53 PM

#

Are you all set now @heady oak ? I need to step away shortly. If you have other questions my colleagues can take over, otherwise I will archive this thread.

heady oak Feb 11, 2022, 5:19 PM

#

Hey, sorry I just saw this. Yeah, I'm good for now re: this thread

#

Take care!

worldly fern Feb 11, 2022, 5:27 PM

#

have a grand day!

heady oak Feb 11, 2022, 5:41 PM

#

Does the card element happen to send any events when it is 1) filled out and 2) has no errors?

#

I want to deactivate my submit button until the form is properly filled out

worldly fern Feb 11, 2022, 5:41 PM

#

you should look at the change event

#

https://stripe.com/docs/js/element/events/on_change?type=paymentElement

#

basically you want to look at complete

heady oak Feb 11, 2022, 5:42 PM

#

Awesome, thanks 🙂

worldly fern Feb 11, 2022, 6:14 PM

#

@heady oak are you all set? Can I archive this thread?

heady oak Feb 11, 2022, 6:35 PM

#

Yeah, looks like I'm good. Thanks L:)

#ironbeard - card element