• Resolved kytango

    (@kytango)


    On a previous post, I was trying to figure out how to get Invisible Recaptcha to work. Still not able to get it to work, so I tried Recaptcha v2.

    After I fill out this short Contact Form, for some reason, I get an error message that says that: This field is required.

    Now, I know that I have filled out all the fields. And I also refreshed and cleared cache. I tried this several times and still got this error.

    Page is https://park pow. com/Contact/
    – just remove the 2 spaces in URL above

Viewing 6 replies - 1 through 6 (of 6 total)
  • We’ve encountered the same problem on multiple pages – with and without “no-conflict-mode” enabled.

    Recaptcha V2 always prompts “Field is required”. With Invisible Recaptcha, the page reloads without sending the form.

    Example here: https://digifant.net/kontakt/

    • This reply was modified 5 years, 10 months ago by andyjaydf.
    Thread Starter kytango

    (@kytango)

    Is the problem with Recaptcha? I tried both v2 and also Invisible.

    How can I fix this?

    Hi there,

    I’ve taken a look at the pages that each of you shared. The causes are a bit different, so I’ve included specifics separately below:

    kytango:

    Within your page’s code, I can see reCAPTCHA’s code getting loaded twice — once by WPForms, and once by something else (I think possibly the theme, though I’m not sure).

    As the first step, I’d suggest trying to sort out what else on your site might be loading reCAPTCHA. If you don’t have another forms-related plugin, it’s generally the theme (and in that case, you should be able to find something about this in the theme’s settings). If you can find a way to turn this off, that’s the best approach.

    If you can’t find a way to turn off reCAPTCHA in this other source, next you can try using our No-Conflict Mode.

    To get to that, you’ll need to go to WPForms > Settings and click the reCAPTCHA tab. Towards the bottom of this screen, you’ll see a checkbox labeled No-Conflict Mode. Check this box, save the settings, and test the form again.

    In most cases, this will fix the issue you’re seeing ??

    andyjaydf:

    Based on what I can see in this page’s code, it looks like your site is using some sort of “optimization” plugin. Plugins like this will often minify code, which can cause a number of issues.

    In this case, the optimization plugin (I’m not able to see which one it is) is actually breaking not only our reCAPTCHA functionality but also our validation.

    To demonstrate this second part, here’s a screenshot of a validation issue in your form. This is HTML validation — the type that comes built right into your browser for detected forms (not from our plugin). When things are working properly, our validation messages look like this.

    There are likely other things on your site not working properly, as well.

    The good news, though, is that in most cases this should be an easy fix. If you open up the settings for the optimization plugin, there will normally be a setting to turn off minification (or sometimes more than one setting for different code types, mainly CSS and JavaScript). If you can locate these settings, go ahead and turn them off.

    If you aren’t able to find these settings, you can try temporarily disabling the optimization plugin to make sure that I’ve correctly identified the issue (just also be sure to clear any caches before testing out the form).

    Then if that fixes things you could try reaching out to that plugin’s team to find out if there’s a way to turn this off.

    I’m not sure right now if you’d also need to use our No-Conflict Mode, so you may need to try turning this on and off too. As you mentioned, though, No-Conflict Mode won’t work until the optimization plugin issue is first addressed.

    I hope these details help both of you! If you give these steps a try, please let me know how it goes and if you have any questions.

    Thanks! ??

    Hi Jess, thank you so much for your detailed hints…i was able to hunt down the potential issue.

    The case is, i deregister jquery in my themes by default, because i dont need it for nothing and dont want to have this overhead…it was absolutely clear for me, that the validation in wpforms wont work without jquery, but it was ok – html5 validation did the job well.

    As i started to use the recaptcha functionality of wpforms, i did a little hack to get it working without jquery by manually adding the api from google…so maybe in one of the last updates, you tightened the dependency on jquery for the recaptcha functionality? Long story short – do i absolutely need jquery to make sure everything works as expected?

    Thank you so much for your friendly support!

    Thread Starter kytango

    (@kytango)

    Jess – you are awesome! I originally used Contact Form 7 and after reading some posts, I cut/paste a Recaptcha line in the Header. Now that I’m using WP Forms, I just removed that Recaptcha line in the Header. And now, viola, it works! You are awesome. Thanks!

    kytango: Excellent, I’m so glad to hear this is working now — and that it ended up being a pretty quick fix!

    andyjaydf: Yes, you’ll need to let jQuery be enabled for your forms to work properly. WordPress plugins in general use jQuery pretty heavily, so without it you’re likely to encounter quite a few issues moving forward. But for our forms, at least, it’s definitely better to just go ahead and re-enable this.

    I’m sure that’s not quite the answer you were hoping for if you were hoping to get away from jQuery, but hopefully it helps you to decide next steps!

    If either of you have follow up questions, please just let me know ??

Viewing 6 replies - 1 through 6 (of 6 total)
  • The topic ‘ERROR Message: This Field is required’ is closed to new replies.