Required Fields Validation error not appearing

This could be due to a JavaScript conflict with either your current WordPress theme or one of the other plugins you are using – see Contact Form 7 Email Issues – there is a link there that covers JavaScript Conflicts.

Step by step approach to finding JavaScript Conflicts

1. Switch temporarily to a WordPress default theme (Twenty Eleven etc.) and see if the problem goes away.

If it does, you’ve most likely got a JavaScript conflict with your current WordPress theme.

If switching to default theme doesn’t help it could be one of the plugins you are using that is causing the problem.

2. Disable all plugins other than Contact Form 7

If doing that solves the problem, you can then add back each item – one by one, until you find the real cause of the problem.

You will need to disable, temporarily, ALL JavaScript, other than that from CF7, including anything in your theme (switch temporarily to a default theme), if you want to get to the source of the problem.

Unfortunately I can’t test the JavaScript Conflicts because this is our live company website and we cannot have any downtime. Is there anything else you can suggest that could work to fix it?

Has anyone heard of any problems like this perhaps with a new update of contact form 7?

Or is there a work-around you can think of? Maybe some sort of code I can enter somewhere that tells Contact From 7 to show a validation error since it’s original code isn’t working correctly?

hey rachelski23 – we have the same problem after update… i also have a live version and also a test version – i have tried to deactivate all other plugins, comment out custom javascript code…. but nothing happends, still the same error oder issue.

by adding the attribute aria-invalid=”true” with mozilla dev version after submitting the form the attribute change to aria-invalid=”false” but nothing is inside, its empty …. really weird

we need also ASAP a solution to solve this for our live website :/

EDIT: also theme (twenty fourteen) change doesn’t do the trick, same issue

@rachelski23 – We always have a development site setup as a sub-domain on the same server for every site we develop, for this and a host of other reasons. Having only a live site that you can’t use to test for update of plugins etc. is very poor practice.

RE: Has anyone heard of any problems like this perhaps with a new update of contact form 7?

Not specifically with the update, but it is a very common problem. There are many poorly written themes and plugins that cause Javascript conflicts with popular plugins like CF7.

RE: Or is there a work-around you can think of?

You can stop Contact Form 7 loading any JavaScript.

When the value of WPCF7_LOAD_JS is set to false (default: true), Contact Form 7 does not load the JavaScript. You can set the value of this constant in your wp-config.php like this:

define('WPCF7_LOAD_JS', false);

See https://contactform7.com/loading-javascript-and-stylesheet-only-when-it-is-necessary/

You will lose all of CF7’s Javascript functionality and of course the real cause is the theme or other plugin which I would definately regard as poorly written and avoid using.

I had the same issue and I found to have fixed the issue by removing the line 148 and 149 from the script.js file.

if (_wpcf7.supportHtml5.placeholder)
return this;

Comment out the above code. I am not sure whether its a right fix but it worked for me.