geimsdin | Stripe Developers | Page 1

spiral swanBOT Sep 19, 2022, 3:10 AM

#

slate shard Sep 19, 2022, 3:13 AM

#

Stripe provides change event in Payment Element and it contains complete field. You can check the complete field to determine if all required data has been filled with potentially valid input: https://stripe.com/docs/js/element/events/on_change?type=paymentElement#element_on_change-handler-complete

plain holly Sep 19, 2022, 3:14 AM

#

Thanks, that is useful

slate shard Sep 19, 2022, 3:14 AM

#

No problem! Happy to help 😄

plain holly Sep 19, 2022, 3:18 AM

#

If "complete" is true it means it is ready to be submitted? Seems the only data I should care about, is that correct?

slate shard Sep 19, 2022, 3:25 AM

#

Yup, complete=true means the required data has been collected

plain holly Sep 19, 2022, 4:41 AM

#

Can I submit the form by the payment element? Somthing like paymentElement.submit... ?

slate shard Sep 19, 2022, 4:42 AM

#

Stripe doesn't provide payment button, so you'll need to use your own button to submit and call stripe.confirmPayment method

plain holly Sep 19, 2022, 4:43 AM

#

I do that but I have some issues

#

I try to explain: I have to wrap the iframe in a form and then submit that form

#

It is tricky to access the iframe DOM to place a button inside the payment form

#

What would you suggest me to do in this case?

#

How to target the payment form and submit it in js?

slate shard Sep 19, 2022, 4:46 AM

#

where did you place the payment element then? is it in the iframe or in the form?

plain holly Sep 19, 2022, 4:47 AM

#

The payment element is in a form attached to the document, stripe then loads inside it his iframe

#

Stripe iframe contains another document with the real payment form

slate shard Sep 19, 2022, 4:48 AM

#

i don't quite understand your issue

plain holly Sep 19, 2022, 4:48 AM

#

Let me try to be more specific

#

I'm creating an integration on woocommerce, woocommerce first submits the order through ajax to check for fields validation and gives me back an event of "checkout success" or "checkout failure", in case of success I check if the payment data is "complete" and if true then I need to submit only the payment form, after the payment form is processed I know if it is succesful and I can proceed validating the order.

#

If I trigger the submit of the form containing the Stripe Iframe then I trigger also the woocommerce form.

#

I think I need to submit only the payment form in the iframe

slate shard Sep 19, 2022, 5:00 AM

#

It sounds like you're using nested form. One form in another form. I'm afraid that nested form is not supported by HTML: https://stackoverflow.com/questions/379610/can-you-nest-html-forms

plain holly Sep 19, 2022, 5:18 AM

#

Then I have to move the payment in a modal outside the checkout form

#

in any case if I cannot submit the payment form in js I need to wrap it in another form

slate shard Sep 19, 2022, 5:31 AM

#

You probably can try it out to test if it works

plain holly Sep 19, 2022, 7:14 AM

#

Nested form is exactly what is suggested in Stripe docs: https://stripe.com/docs/billing/subscriptions/build-subscriptions

Build a subscriptions integration

Create and manage subscriptions to accept recurring payments.

teal sedge Sep 19, 2022, 7:18 AM

#

Hi @plain holly I'm taking over this thread

plain holly Sep 19, 2022, 7:18 AM

#

Hi Jack

teal sedge Sep 19, 2022, 7:18 AM

#

What's your most recent question?

plain holly Sep 19, 2022, 7:19 AM

#

plain holly I'm creating an integration on woocommerce, woocommerce first submits the order ...

I think I'm lost too but it should start here

teal sedge Sep 19, 2022, 7:20 AM

#

Hmm, OK, so what the question?

plain holly Sep 19, 2022, 7:21 AM

#

I have to clear my mind, don't want to waste your time now, I will try some DOM manipulation and if it fails I will write again.

teal sedge Sep 19, 2022, 7:25 AM

#

Sure, no problem

#geimsdin