WordPress › Support » [Plugin: Contact Form 7] Form Submits but with spinning arrow and no verification of required fields

col235
Member
Posted 4 years ago #

My form works and email is generated at http://www.coloradohealthinsurancebrokers.com/free-personalized-health-insurance-quote-recommendations/ but I the form no longer verifies required fields and just shows a spinning arrow rather than any type of success message.
I uninstalled all plugins and that did not resolve it.
I think it either has to do with the new Flash upgrade or could there be a conflict with super cache?
I deactivated super cache and rolled back my .htaccess file, but that did not solve the problem. Those are the only changes I’ve made, so I am stumped as to why this isn’t working.
I strongly suspect the new Flash update may be the culprit.
Thanks,
Mark
spungin
Member
Posted 4 years ago #

PROBLEM - CONTACT FORM 7 DOES NOT WORK IN Internet Explorer

I had the same problem. Pressing 'send' on IE7 resulted in a spinning image.

Here is how I fixed it:

change
$url = $url['path'] . (empty($url['query']) ? '' : '?' . $url['query']) . '#' . $unit_tag;
to
$url = $url['path'] . (empty($url['query'])) ? '' : '?' . $url['query'] . '#' . $unit_tag;

They look the same, but pay attention to the parenthesis...
col235
Member
Posted 4 years ago #

Hi spungin,
Thank you very much for the suggestion!
I copied and pasted the new line of code into the plugin, but that did not resolve this issue. The issue is not just an IE 7 issue, as I can replicate it in Firefox as well. Odd thing is that it worked fine until very recently.
I did do the new Flash Upgrade in both the IE and Firefox browsers, which is why I thought that might be the culprit.
Any other suggestions are most appreciated. Thank you!
col235
Member
Posted 4 years ago #

Anyone have any ideas on this? I am stumped.
Takayuki Miyoshi
Member
Posted 4 years ago #

Broken HTML can make AJAX codes disabled to work. So, you should check your page with HTML validator and fix the all errors first.

XHTML-CSS Validator http://www.xhtml-css.com
col235
Member
Posted 4 years ago #

Takayukister,

Thank you very much for your reply. I checked the HTML and CSS and didn't see any errors that looked like they would cause the problem.

Because the problem seemed to appear after installing WP SuperCache last week, I just uninstalled WP SuperCache 0.9.3 and now the form properly generates the "Your message was sent successfully. Thanks." confirmation.

Are there any known conflicts with with WP Super Cache or any tweaks required to make the two work together?

It is so popular that I really didn't think that would be the cause of the problems, but apparently it is.

Thank you for your responses - much appreciated!!
Eric P
Member
Posted 4 years ago #
Okay, I've been racking my brain on this and I almost gave up on cf7. I even made a copy of an exact site that was working and moved it to a new URL (on the same server) and it broke. Then I reinstalled PHP. Then I, then I, then I, then I <insert senseless straw grabbing here>. Nothing but the spinning arrow.

It's obviously an AJAX issue, maybe related to a URL/domain setting?

In any case, my ugly fix (that actually works) is as follows:

in /wp-content/plugins/contact-form-7/contact-form-7.js,

comment out the document ready function as follows (starting with the top line):
```
/* jQuery(document).ready(function() { */
    try {
        jQuery('div.wpcf7 > form').ajaxForm({
            beforeSubmit: wpcf7BeforeSubmit,
            dataType: 'json',
            success: wpcf7ProcessJson
        });
    } catch (e) {
    }
    try {
        jQuery('div.wpcf7 > form').each(function(i, n) {
            wpcf7ToggleSubmit(jQuery(n));
        });
    } catch (e) {
    }
/* }); */
```
This essentially breaks the background functionality of the AJAX, and forces the form to reload with the appended string like #wpcf7-f5-p523-o1, but at least it works until something better comes along!

cf7 is hands down the best form plugin out there, else I wouldn't put so much effort into keeping it installed!
Andare
Member
Posted 4 years ago #

"col235" nailed it, I began experiencing this issue after my install of WP SuperCache. I simply deactivated WP SC, and the issue ceased.
nbabcock
Member
Posted 4 years ago #

I experienced the the "spinning arrow, but nothing happens after submit" syndrome.

CF7 works fine on another site of mine.

I disabled all plugins - still no success.

I have a plugin called "Google XML Sitemaps". It was installed, but I had not done this step (from the readme file for "Google XML Sitemaps"):

"2. Use your favorite FTP program to create two files in your WordPress directory (that's where the wp-config.php is) named sitemap.xml and sitemap.xml.gz and make them writable via CHMOD 666."

I did this, and now CF7 works as it should.

It doesn't make sense to me, but that is what happened. Any ideas?
princesioni
Member
Posted 4 years ago #

Please, I have a problem with this plug-in too. I installed the contact form plug-in and its working fine but everything seems to be white because of my theme please,how can I place border colours on all the contact fields.

check out my contact page to see what I'm saying

http://princesioni.com/contact/

please, I need a quick fix.
Thanks
onqu
Member
Posted 4 years ago #

princesioni , open your (http://princesioni.com/wp-content/themes/comfy-plus/style.css) and add new class:

.wpcf7 input { border: 1px solid #999; }

you can also add on mouse over input field

.wpcf7 input:hover { border: 1px solid #CCC; }
princesioni
Member
Posted 4 years ago #

Onqu, thanks so much. I added
.wpcf7 input { border: 1px solid #999; }
and
.wpcf7 input:hover { border: 1px solid #CCC; }

It only affected the single line text boxes and had no effect on the multiple line text area.

Please, check my site to see what Im saying.
Thanks for your help.

http://princesioni.com/contact/
StephenLove
Member
Posted 4 years ago #

So, I don't have Google XML Sitemaps or Super Cache installed and I still have he spinning arrow. Now what? (About ready to replace CF7.)
invisix
Member
Posted 4 years ago #

@spungin
Thanks for the suggestion.
Worked very well.
devinvancouver
Member
Posted 3 years ago #

@spungin

Where do you put that new code?
tony.oerlemans
Member
Posted 3 years ago #

@devinvancouver

Just fixed this same issue with spungin's solution. You will find the code in the includes/classes.php file.

Good luck!

msuhockey13
Member
Posted 3 years ago #

@ Eric P above

You have the right idea with the code change with your above code commenting out that section except you added in extra "commenting out" characters. When i removed the extra set and commented out the entire section of code it worked like a champ.

So the edit looks like:

/* jQuery(document).ready(function() {
    try {
        jQuery('div.wpcf7 > form').ajaxForm({
            beforeSubmit: wpcf7BeforeSubmit,
            dataType: 'json',
            success: wpcf7ProcessJson
        });
    } catch (e) {
    }
    try {
        jQuery('div.wpcf7 > form').each(function(i, n) {
            wpcf7ToggleSubmit(jQuery(n));
        });
    } catch (e) {
    }
 }); */

Eric P
Member
Posted 3 years ago #

@msuhockey13

Good catch! What was I thinking! I was all thunked out at the time ;).
patrik bona
Member
Posted 3 years ago #

Hi All,

I had same problem. AJAX was not working in IE. I've tried IE6 and IE7. My html was valid... but there was just loading icon and nothing hapanned even if it was working in firefox withou issues.

For me solution was to clear form action url which is in format:
URI#unit_tag, for example /blog/#wpfc7_blabla

It is enough to remove #wpfc7_blabla part. You can do it directly in plugin sources in includes/classes.php or you can add following code into functions.php of your theme to clear URL:

function fix_wpcf7_ajax($url) { return ''; } add_filter('wpcf7_form_action_url','fix_wpcf7_ajax');

Unit tag (#wpfc7_blabla) is good for non ajax calls, because after page reload you will jump directly to form, but i can live without this but with working ajax with IE ;)
patrik bona
Member
Posted 3 years ago #

Oh, i've forgot:

my wp version: 2.9-rare
my contact form 7 version: 2.0.7
dreamwhisper
Member
Posted 3 years ago #

Thank you Patrik - that fix worked beautifully for the form not submitting from the wordpress homepage in IE.
nilsnh
Member
Posted 3 years ago #

Thanks Patrik for posting this lifesaver. Would've been a great shame to exclude all the IE users. (And bad business) :)
sokratesagogo
Member
Posted 3 years ago #

You will also see the dreaded "Spinning arrows of death" if you are using a 404-redirect file to create pretty permalinks on an IIS-hosted site.

Found a solution on this page: http://wordpress.org/support/topic/264607?replies=28\

gabemortoncook posted:

"I found a fix for my issue.

In wp-contact-form-7.php

I modified line <edit>line 41</> to the following:

$url = '/index.php/'.parse_url($_SERVER['REQUEST_URI']);

This adds back in the 'index.php' that was being removed by my 404 handler."

Topic Closed

This topic has been closed to new replies.

WordPress.org

Forums

[Plugin: Contact Form 7] Form Submits but with spinning arrow and no verification of required fields (23 posts)

Topic Closed

About this Topic

Tags

Code is Poetry