Viewing 3 replies - 1 through 3 (of 3 total)
  • I am having the same problem. If I add the [response] at the bottom of the form, I get the message, but I am worried that something isn’t right since the message shows on the other forms on the same site….Its just missing on the newest form, which is essentially a copy of another form on the same site with a few things tweaked. Help, what could cause the validation message to disappear?

    The spinning arrow is a common symptom of 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), to get to the source of the problem.

    The cause of my problem was different. I have 5 forms on the site and 3 were working fine, the last two were not. Since the forms are very similar, I was suspicious that I caused form 4 and form 5 not to work.
    Sure enough, the non-working form had a closing </div> tag that “closed”
    the very first <div> in the form. (I am using a responsive theme that is similar to bootstrap, so I need to divs and rows to create columns in the forms….) The closing div in the middle of the form was correct in the sense that it “matched” properly, but I suspect that contact form 7 decided this was the “end” of the form and the validation message was being put there – right in the middle of the form. Meanwhile, my screen momentarily displays the bottom of the form – no message appears and then I have the form set up to automatically re-direct to a paypal page to submit a payment, so I really can’t scroll up to the middle of the form to prove that the validation message is showing after that </div> without taking apart a bunch of code that already works. Moving the </div> to the bottom of the page seeems to have done the trick PLUS none of the other forms that were (and remain) working had a </div> in the middle of the form that closed the very first <div>. BY the way, the form has addition <div> that open and close throughout the form, I just think that CF7 may look for the opening form div to close to decide where the end of the form is. You could also solve the problem by using [response] where you want the validation message to appear.
    Good luck to all.

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘After submiting it no confirmation message’ is closed to new replies.