Response message shows twice, why?

Please include a link to your Contact Form 7 form. If others here are able to understand your actual problem, they may be able and willing to offer a possible solution.

Here’s a link to the contact form: https://www.flattyfish.com/test/

The error appears to be due to Javascript within your theme or plugins.

Use Firebug or Chrome Dev Tools to examine your Javascript in detail.

I’m having the same problem. The following div is being inserted:

<div class=”screen-reader-response” role=”alert”>Your message was sent successfully. Thanks.</div>

The problem also occurs when there are errors for invalid field data. The errors are displayed at the top of the form as well as after each field in error. See below.

<div class=”screen-reader-response” role=”alert”>Validation errors occurred. Please confirm the fields and submit it again.

• Please fill the required field.
• Please fill the required field.
• Please fill the required field.
• Email address seems invalid.

</div>

I’m not a JS person, so I wouldn’t know where to look.

@trollkarlsliv I am having the same issue as well.

@buzztone This definitely is not a bug. Unless you feel that improperly identifying the hidden divs is “a bug” versus a development issue altogether.

There are two hidden divs here:
<div class="screen-reader-response"></div>
and
<div class="wpcf7-response-output wpcf7-display-none"></div>

Upon submission of a successful email, both are being populated with the message. I haven’t gone through all of the code but it seems maybe the javascript is choosing to place the information within a div containing “response”, but I haven’t verified it.

Within https://www.yourinstall.com/wp-content/plugins/contact-form-7/includes/js/scripts.js?ver=3.8.1, the following line is found for responseOutput and addresses the latter of the two above.
var $responseOutput = $form.find('div.wpcf7-response-output');

Later in the same file, you find the following:
var $response = $form.siblings('.screen-reader-response').first();

It seems the purpose of one of them is for the blind (“screen-reader”); however, we definitely don’t need both.

I am not that experienced with Contact Form 7. In fact, today is the first day I have used it. What would be the best solution in this issue? I don’t want to disable any functionality of the plugin itself.

@robert Keahey &mackaltman: It is considered impolite to interrupt another poster’s ongoing thread unless you are posting a solution or suggestion. As per the Forum Welcome, please post your own topic.

@esmi you want me to post my “own topic”; although, I am experiencing the same issue as @trollkarlsliv and I am trying to resolve it? I think @trollkarlsliv would be interested in knowing how to resolve the issue, especially since I am still working on it and plan on updating it.

@esmi you want me to post my “own topic”; although, I am experiencing the same issue as @trollkarlsliv

Yes. These forums have guidelines. Please read them. As you will see, one of these guidelines – entitled Where to Post – specifically states:

Unless you are using the same version of WordPress on the same physical server hosted by the same hosts with the same plugins, theme & configurations as the original poster, do not post in someone else’s thread. Start your own topic.

Please abide by this.

Hmm, it definitely explains why there are so many unanswered threads (considering a lot of people have no clue the details of their physical server as they are working of shared hosting). In any case, how would you propose we discuss the resolution of the true issue at hand, considering it would be quite difficult match absolutely everything. Does @trollkarlsliv‘s issue just go ignored?

Well @trollkarlsliv, see if you can provide what @esmi is proposing. I actually have the resolution and am putting it on my server now. The issue is actually an issue with the plugin itself and what it outputs. Maybe you will get lucky and have absolutely everything setup exactly the same way so that I can share the answer, even though we’re working on different websites here.

• Physical Server:
• Host:
• Theme:

As a side note, I will definitely be trying to contact WP about the whole “guidelines” issue here as it doesn’t foster an environment where the community can assist each other. I’ve been using WP since 2004 and it was definitely not their stance prior.

Please post your own topic.