webakimbo
Member
I've built the user registration page here:
http://www.ethicaltraveler.org/become-a-member
The page doesn't actually submit the form; it just reloads the page. I've disabled S2Member to see if that was causing some sort of redirect issue, but the page still just reloaded.
Any ideas as to why this form isn't working?
You are including two version of jQuery in that page:
OLD version 1.3.2:
<script type='text/javascript' src='http://www.ethicaltraveler.org/wp-content/themes/et/js/jquery.js?ver=3.5.1'></script>
Correct version 1.8.3:
<script type='text/javascript' src='http://www.ethicaltraveler.org/wp-includes/js/jquery/jquery.js?ver=1.8.3'></script>
Please get rid of the extra/old version and we'll take another look.
There is also a JavaScript error on the page which needs to be fixed:
Timestamp: 2/28/2013 8:15:55 AM
Error: TypeError: $(...).superfish is not a function
Source File: http://www.ethicaltraveler.org/wp-content/themes/et/js/et.js?ver=3.5.1
Line: 305The next step is to isolate things to see if it is a theme or plugin conflict, can you please try the following: http://www.gravityhelp.com/documentation/page/Testing_for_a_Theme/Plugin_Conflict
webakimbo
Member
I deactivated all plugins and activated the TwentyTen theme, and the registration page still just reloads - doesn't display any confirmation message at all, and the form fields are still filled out.
Edit: the form doesn't even stop me with a warning if I type a different password in each password field.
webakimbo
Member
I noticed the form action is set to "/become-a-member/", which is the same page the form is on. Does jQuery handle the passing of form data to wp-login.php, or is this the cause of the error? It seems like the form action should be "/wp-login.php"...
The form action is correct as it is.
I took a look at the source of your page, and I do not see the Gravity Forms JavaScript being loaded. You should have at least these two scripts, but they are not present.
<script type='text/javascript' src='http://www.ethicaltraveler.org/wp-content/plugins/gravityforms/js/jquery.json-1.3.js?ver=1.6.12'></script>
<script type='text/javascript' src='http://www.ethicaltraveler.org/wp-content/plugins/gravityforms/js/gravityforms.js?ver=1.6.12'></script>How did you add the form to this page?
webakimbo
Member
I added the form with the shortcode button:
[wpcol_3quarter id="" class="" style=""][gravityform id="2" name="Registration" title="false" description="false"][/wpcol_3quarter] [wpcol_1quarter_end id="" class="" style=""]Already a member? Log in.
Lost your password? Find it.[/wpcol_1quarter_end]
I also tried removing the wp-col shortcode, and the form still didn't work.
If you try to submit the form from the form preview, does it work there?
I'm not sure how those column shortcodes are supposed to work in your theme, but however it's working right now, the scripts are not being added properly. Normally, Gravity Forms takes care of this for you. Please see this documentation for instructions on how to add the scripts yourself:
http://www.gravityhelp.com/documentation/page/Gform_enqueue_scripts
That code will be added to your theme's functions.php file.
It's strange that it does not work in the form preview either. Let us know how it goes when you enqueue the scripts. Thank you.
webakimbo
Member
The enqueue_script function did not add the scripts to the header, so I added them manually (they are there now), and the form still doesn't work.
I checked all the other sites I've installed Gravity Forms on, and even though they don't have the scripts in the header, the forms still work on those sites.
I took a look at the site. You have added the Gravity Forms scripts before jQuery, but that will not work. They need to come after jQuery in the source, since they depend on jQuery. Please change the order of the scripts if you are going to add them manually.
If using gform_enqueue_scripts did not work, it's possible the theme does not include a call to wp_footer() or wp_head.
If you want to try adding the scripts manually, please put them right before the closing </body> (corrected) </head> tag. You should not have to do this, though. Something else is going on if they are not added automatically and if gform_enqueue_scripts does not work properly.
webakimbo
Member
The theme does have a call to wp_head. I tried putting the JS right after that call (so jQuery would be called first) and the scripts are currently right before the closing </body> tag. The form still doesn't work. I also deregistered the jquery and jquery-ui-core scripts, and re-registered them with up-to-date version, like so:
wp_deregister_script('jquery');
wp_register_script('jquery', ("http://ajax.googleapis.com/ajax/libs/jquery/1.8.1/jquery.min.js"), false, '1.8.1');
wp_enqueue_script('jquery');
wp_deregister_script('jquery-ui-core');
wp_register_script('jquery-ui-core', ("http://ajax.googleapis.com/ajax/libs/jqueryui/1.10.1/jquery-ui.min.js"), false, '1.10.1');
wp_enqueue_script('jquery-ui-core');We're getting pretty far away from the original topic. Gravity Forms does not normally require any of these modifications to work. Something basic is going wrong.
I see the jQuery and jQuery UI scripts you have added in the head. However, this Gravity Forms script is being loaded in the footer. Normally, this is in the header.
http://www.ethicaltraveler.org/wp-content/plugins/gravityforms/js/gravityforms.js?ver=1.6.12
Let's start with the basics: you stated here that this does not work properly with the Twenty Ten theme and no other active plugins. Is that correct? http://www.gravityhelp.com/forums/topic/user-registration-form-just-refreshing-doing-nothing#post-157103
Would you be able to configure it like this and leave it so we can test it?
Or, can you export this form and email to me at chris@rocketgenius.com - I will install it and see how it responds in my installation. To export the form, go to Forms > Import/Export, then the top center menu item "Export Forms". Email the XML file to me at chris@rocketgenius.com if you want me to take a look at it. Thank you.
webakimbo
Member
Thanks for the reply, Chris. You said to add the code before the closing </body> tag, but I'm guessing you meant before the closing </head> tag, as that would make more sense. I tried it both ways, and it still didn't work.
I can't activate the Twenty Ten theme on the live site, but I will email you the exported form for you to test.
Thanks for your continued responses.
webakimbo
Member
Hi Chris -
This is Andy, the web developer for Ethical Traveler and the primary owner of this account. Up til now you've been corresponding with Casey, a contractor we've been using to help update our site.
I'm a bit less familiar with WP and GF than Casey is, but am getting up to speed. Just wanted to make you aware of the transition mid-conversation.
I'm also eager to get to the bottom of this issue, as our registration page has effectively been down for a month.
Did Casey email you the XML file, or should I pick up there? And are there any other tests I can run locally to help diagnose? If the shortcode simply wraps the form and includes some js, I'm wondering what else could be at play.
Thanks,
Andy
Regarding this reply: http://www.gravityhelp.com/forums/topic/user-registration-form-just-refreshing-doing-nothing?replies=13#post-162007
I misspoke. I fixed my error. The scripts should go before the closing </head> tag.
I received the form from Casey and installed it in my site. I had trouble with it there. I think the problem was related to not having the Tribulant newsletter and the related add on. That adds a new field type to the form, and I did not have that. So, I logged in to your site.
I first checked the user registration feed. Or, I tried to. Here is a screenshot of that page. Not sure why it's like this: http://minus.com/l33XCZQwh4Clj
So, I skipped this step. I was not able to successfully submit your form from the form preview. I copied form 2 to form 3, and I was able to successfully submit that, twice. There is no user registration feed mapped for this form, but because this form works correctly, I suspect it's in the configuration of the feed. Please try remapping the form fields for form 2 to a new feed, and delete the old one, and see if that fixes anything.
If that does not work, I would start by disabling the Tribulant newsletter plugin or just removing that field from the form to see if that is causing a problem.
Regarding your last reply: I was just correcting my earlier advice. The scripts are in the correct place now.
However, all that work to get the scripts in the correct place may be unnecessary and have to be undone, based on my immediately previous reply. Other than getting rid of the old jQuery 1.3.2. That needs to go no matter what, and jQuery 1.8.3 should be enqueue by WordPress.
webakimbo
Member
Thanks Chris, that appeared to work. I changed the shortcode on the registration page to include the new form rather than the old one, and successfully registered a test user. Also confirmed that user's appearance in S2Member.
Tomorrow I'll revert the changes Casey made during testing, and will test again. Please keep this thread open until I can confirm.
Thanks again for your help,
Andy
Thanks for the update. Glad that worked out.