Popup + Contact Form module – Submit reloads the page without validating fields

  • I have created a Custom Footer using Theme Builder and added a Section (Popup Enabled with ID productform) with Contact Form Module.

    This Popup is triggered by a link in a product page (WooCommerce) –
    <a class="show-popup-productform get-in-touch-btn button alt" href="#">Get in touch</a>

    The popup loads fine but when the form inside the popup is submitted it reloads the entire page without any form validation or sending the contact form fields.

    When I click on the link the second time to open the popup, then try to submit, then it does the validation or sends the message if the fields are entered.

    I was wondering if there is a JavaScript issue with the Popup + Contact Form that is causing this.

    • This topic was modified 3 years, 11 months ago by Cylis Vaidya.
    • This topic was modified 3 years, 11 months ago by Cylis Vaidya.
Viewing 5 replies - 1 through 5 (of 5 total)

  • Hello @cylisvaidya,

    Apologize for the inconvenience!

    Can you please provide the following information to understand better about the problem?

    1) What is the URL of the website?
    2) Where do I need to click to trigger the popup?

    Please get back to me, in-case of any query.

    Regards,
    Syed

    I have the same problem. Did you sove this somehow?

    @ausyed, if you can help:
    url is: https://www.pissorsmarietta.com
    button text is: “Ajánlatkérés” (request for offer)
    Thank you!

    • This reply was modified 3 years, 9 months ago by gajdoseni.

    Hello @gajdoseni,

    Apologize for the inconvenience!

    I don’t see your page being refreshed after submitting the contact form from the popup. Is there another issue, you want me to look at ?

    Please get back to me, in-case of any query.

    Regards,
    Syed

    Hello @cylisvaidya,

    Apologize for the inconvenience!

    This behavior is controlled by the contact form, and there’s nothing we can do to change this. The default Divi contact form always submits data via a page-reload. The only solution is, to use a form plugin that supports ajax submissions – for example Forminator or Gravity Forms.

    Please do get back to me, in-case of any query.

    Regards,
    Syed

    Hello @ausyed,
    sometimes it was working good, but sometimes reloading the page. From your answer to Cylis, I think this was my problem also. I tried Forminator but it did not work in popup, so I have given up for now, the form must work – now it works opened on a new page instead of popup.
    regards,
    Eniko

Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘Popup + Contact Form module – Submit reloads the page without validating fields’ is closed to new replies.