PLEASE NOTE: These forums are no longer utilized and are provided as an archive for informational purposes only. All support issues will be handled via email using our support ticket system. For more detailed information on this change, please see this blog post.

AJAX form submission in IE behaving differently than other browsers

  1. After filling out the form and clicking the Submit button, IE acts as though the AJAX form submission is set to false, even though it's set to true (tested on IE8/Win7 and IE8/Vista). Other browsers behave and show a "Thanks for signing-up!" message with a Done button to dismiss the form area.

    The form slides up and down when clicking the top right orange tab here:

    More specifically...

    The form is embedded in the header.php template using the statement:

    <?php gravity_form(6, false, false, true, '', true); ?>

    If I change the last value to false, so AJAX is not used for form submission, then all browsers close when clicking the Submit button (as I would expect).

    If I keep the value true though, only IE browsers close the form when Submit is clicked. Other browsers (such as Chrome, Safari, Firefox) will display the text message "Thanks for signing-up! Check your email..." and a Done button which is suppose to be clicked to slide up the tongue. I can't get IE to behave the same way though.

    Other notes that might help:

    • I don't have any jquery to slideUp or hide the form when the Submit button is clicked.
    • I use jquery to slideUp/slideDown the form when the top orange tab (#subscribe-tab) is clicked.
    • I use jquery for when the Done button (#closetab) is clicked to slideUp the messaging tongue.
    • I've hidden the AJAX spinner using css because it was causing the button to jump left for a second.
    • I'm using Gravity Form with the MailChimp add-on.
    • After submitting in IE I see an "Error on page" warning in the bottom left corner of the browser. Clicking that notes something about offset().top being null which I'm not sure is related.
    Posted 12 years ago on Wednesday July 6, 2011 | Permalink
  2. After doing some isolated testing, I figured out I was missing a closing a tag.

    <p id="closetab">Done</p>

    should have been:

    <p id="closetab">Done<a/></p>

    Posted 12 years ago on Wednesday July 6, 2011 | Permalink