[Plugin: Contact Form 7] Request javascript of error/success alert pop up box solution

we actually have the same problem. hope someone will see through this.

Enter the following code into Additional Settings text box:

on_sent_ok: "alert('Your message here!');"

You need to also make certain the submit button does not use “submit” as an ID.

For example, it should be[submit id:Send "Register"] … as opposed to[submit id:submit "Register"] … I would even go so far as to making certain the label is something other than submit. If you are using the default[submit] … try changing it to the first example.

For an added touch, you can take them to a relevant page after they click ok by adding the following code after the first one:

on_sent_ok: "location = 'https://yourdomain.com/';"

hi, first off, thanks for replying.

one thing though. on_sent_ok: “alert(‘Your message here!’);” doesn’t work. my submit button has an id of “mail-submit”. but the messages still shows. i even tried removing all the messages in the admin control panel but the pop up we’re supposed to see doesn’t show up. although the error message doesn’t show up anymore.. but we still need a pop up.

So, I may have solutions. But, probably none you really want.

First, let me start by saying I have recently been grappling with the same problem where it is scripted and should work. However, I have come to the conclusion there is a conflict that my client’s web hosting server [which is through BlueHost] doesn’t know how to manage. It simply ignores the conditional javascripts. This issue is non-existent when I use these scripts on any level hosting for MediaTemple. In other words, I share your frustration. I even spent hours doing a custom configuration to get the PHPinfo pages to match as closely as possible. Still nothing. Which led me to three options. I went with option 3.

Option 1: Use a different host.
Option 2: Use a different plug-in.
And, the easiest solution:

Option 3: Change the position of the AJAX confirmation

P.S. I am guessing the error message went away because you deleted it, no?
P.P.S. I’m curious to know what you end up implementing.

wow, never did thought that i would find a person who had the same idea as mine.

yep it did’t show because i deleted it temporarily via the admin control panel.

so i haven’t been able to solve the problem and it has been a pain in the.. for a very lengthy time. hence, i resorted to, yes you guessed it. number 3. Change the position of the AJAX confirmation. i used the [response] shortcode in the contact form 7 admin; inserted it in the form inside a div. the [response] short code is for the over all error notifications.. the one that says validation blablahblah.. and in the messages section just below [you might have to click “show”] i wrapped the error message inside a div and styled it. it worked! didn’t even expect that u could style it from there.. so there you go. problem solved… although not the solution i was expecting but it was a very good alternative.