cf7 5.4 recaptcha

Try switching to the default theme, deactivating all plugins excluding Contact Form 7, and clearing all cache data.

Why you are advised to deactivate plugins and switch to the default theme.

It’s defiantly theme related. as it only affects my sites using the sevenstars theme but it’s also recaptcha related because if I turn that off, the contact form 7 submit button starts to work again with cf7 5.4 using the sevenstars theme.

If I check my other sites using other themes or activate a vanilla theme on any of the sevenstars sites, the submit button works.

It might be that the theme is causing a reCAPTCHA error, and the error in turn makes the form unworkable.

While we wait for the js to be fixed, if your only problem is the “innerText” console error, you can hack in a workaround by adding this markup to the start of your form:

<div class=”screen-reader-response”><ul role=”status”></div>

It’s not ideal, but it at least allows the form to submit.

That div hack did not work for me @matthensley

I paid to extend my theme support a few days ago and asked for support from the theme author. So far no reply. I only get the error when one theme is activated and recaptcha is activated but the console error points to the /includes/js/index.js file in the cf7 plugin v5.4

• This reply was modified 4 years ago by sheff.

It was indeed caused by my theme. The author finally came up with a fix yesterday.

@mark-mcever Inserting your code above in the js file allowed me to click submit, and edited the fields until I had them correct. However, there was no spinning circle beside the button as normal, there was no confirmation message and it did not send anything to the recipient. It also refreshed the form with empty fields as if it was sent.

Thanks for the tip but no go for me.

Besides, I want my theme author to fix it properly or I’ll scrap the theme and move on and ask for an extended support refund.

My developer fixed this with the following code:
<div role=”status”></div>

This must be placed within the Contact Form 7 file ‘contact-form.php’, within the existing ‘<div class=”screen-reader-response”> div which exists on line 586.

So line 586 should read (including quote marks):
‘<div class=”screen-reader-response”><div role=”status”></div>%1$s %2$s</div>’,

I hope this helps someone

@tread … Thanks for sharing.

This allowed me to click and a circle spun (but not the circle I am used to seeing) and it flagged the incorrect fields with a red border but it did not display an error message and did not send the email after I corrected the fields and it did not display a “success” message. When all the fields were correct, the circle spun but it still did nothing. I’m pretty sure the correct fix for me should be applied by the theme author and not the plugin author.