reCAPTCHA blocking form submission

  • Resolved eadwig

    (@eadwig)


    8 years, 2 months ago

    Hello everyone

    I am using WPForms Lite for the first time and completely stuck with an error, which is returned upon clicking the submit button.

    The error is returned after filling in every field in the correct format, passing the tests reCAPTCHA gives you and hitting the submit button – ‘Please fill in this field’ appears from reCATCHA and nothing else happens.

    As part of the process to set up the form, I made sure the correct API key was copied, Enable Google reCAPTCHA (v2) checkbox was checked and the line below was embedded in the HTML template just before the closing <head> tag:

    <script src=’https://www.google.com/recaptcha/api.js’></script>

    I could not find any workaround by Googling. Someone please help me.

    Thank you in advance,

    Ead

Viewing 6 replies - 1 through 6 (of 6 total)
  • Jess Quig

    (@jquigam)

    8 years, 2 months ago

    Hi Ead,

    Generally when we see this happen, it’s because reCAPTCHA code is being loaded more than once on the page. Google’s reCAPTCHA doesn’t have a way to deal with this, and so it causes the code to break. So while the reCAPTCHA will still seem to display correctly, it’s functionality will be broken (resulting in the error you saw).

    WPForms is designed to only load its reCAPTCHA code when needed (when there’s a form on the page where reCAPTCHA is enabled). However, some plugins and themes will load reCAPTCHA code on every page. When this happens, the best solution is to locate the source of the other reCAPTCHA code and deactivate the plugin/see if there’s a setting to prevent it from loading on every page.

    If you aren’t able to find where the other reCAPTCHA code is coming from/don’t see a way to turn it off, we’ve recently added a “no conflict” option that you could use. This should prevent other reCAPTCHA code from loading and so avoid the duplicate code issue. You can find this option under WPForms > Settings > reCAPTCHA tab (here’s a screenshot).

    I hope this helps! 🙂

    Thread Starter eadwig

    (@eadwig)

    8 years, 2 months ago

    Thanks for the reply.

    Although I never added an extra code for reCAPTCHA manually or enabled a plugin that adds it, enabling the no conflict option indeed just solved the issue.

    Regards,

    Ead

    Jess Quig

    (@jquigam)

    8 years, 2 months ago

    Hi Ead,

    Interesting, possibly the theme was loading that extra code. In any case, I’m glad this no conflict option was able to fix this issue for you!

    Have a good one 🙂

    Thread Starter eadwig

    (@eadwig)

    8 years, 2 months ago

    Hello

    The theme is completely custom made and there’s no code that can throw up the extra reCAPTCHA apart from the shortcode for WPForms:

    <section>
    <div id=”contact-form”>
    <h2>Contact Us</h2>
    <?php echo do_shortcode( ‘[wpforms id=”282″ title=”false” description=”false”]’ ); ?>
    </div>
    </section>

    So it has to do with the plugin itself.

    Regards,

    Ead

    MAX Website Design

    (@max-website-design)

    8 years, 1 month ago

    I’m having the same problem with the Free version. No other captcha, form won’t submit – says incorrect recaptcha.

    Jess Quig

    (@jquigam)

    8 years, 1 month ago

    Hi max-website-design,

    The simplest option to try is enabling our no-conflict mode. You can do this by going to WPForms > Settings and opening the reCAPTCHA tab.

    At the bottom of this screen, you should see the No-Conflict Mode checkbox (shown in this screenshot). If you don’t see this checkbox, be sure to update the WPForms plugin to the latest version.

    This will hopefully resolve the issue you’re seeing.

    I hope this helps! When you’ve had a chance to give this a try, could you please let me know how it goes?

    Thanks! 🙂

Viewing 6 replies - 1 through 6 (of 6 total)

The topic ‘reCAPTCHA blocking form submission’ is closed to new replies.

Tags