Submit Button Not Working Gravity Forms

  • Resolved Graham Smith

    (@imjustcreative)


    8 years ago

    Hi
    So I’ve had problems with some clients not being able to successfully Submit my Design Brief on this page: imjustcreative.com/hire-me

    Smoe clients say the Submit button just doesn’t respond, whereas some will be able to Submit it successfully. I have not ever been able to recreate the problem, but I do know some people that I have asked to test it, have also experienced the issue.

    I reached out to Gravity Forms support for help, and they’ve come back with the following:

    I’m seeing the following js error on your page, that could prevent the form submitting correctly in some browsers:

    footer-60533a1a-1478532017.min.js:47 Uncaught TypeError: Cannot read property ‘share_count’ of undefined(…)

    That file appears to be generated by the fast velocity minification/caching plugin. You’ll want to try purging that cache/disabling that plugin.

    Obviously I rely heavily on both Gravity Forms, and your plug-in, so am hoping there is a way this can be remedied with your plug-in?

    I had already excluded the Gravity Form CSS files in settings, but obviously this isn’t enough.

    Right now, I have also ‘Disable JavaScript processing’, but would love to know if there was a fix so that I didn’t have to turn off ALL JS processing just to get Gravity FOrms to work (not sure that even this would fix the problem?)

    Any thoughts?

    Kind regards
    Graham

Viewing 2 replies - 1 through 2 (of 2 total)
  • Thread Starter Graham Smith

    (@imjustcreative)

    Just to update, after checking for JS errors, in Chroms, after Disabling JS PROcessing, and clearing all caches, the JS error that Gravity Forms Tech mentioned, doesn’t show up.

    So seems like there is a ‘conflict’ when JS Processing is Enabled for ‘some users trying to submit forms’.

    Obviously I’d love to be able to benefit for JS Processing in general for all other aspects of my site, so hoping you can work your magic ??

    Plugin Author Raul P.

    (@alignak)

    Hi,

    This is more frequent than what you think (especially woocommerce) and it’s not due to the plugin but rather to the process of mergin and minifying javascript (css is usually ok).

    When you merge a lot of js files together (let’s forget about minification for now) they are bound to conflict agains each other (even more when we minify them)… so, what you need to do is to find out which javascript file(s) conflict with the others.

    For example, some well know plugins use the select2.js js library (to style select boxes) but that one is declared as UTF-8 but in reality has latin1 chars… when you merge it with other js files that are utf-8, it’s going to break something.

    Yet another issue is with javascript deferring (to bypass render blocking). I understand that most clients want to have good score on pagespeed and that’s one of the main things to do, but we have to consider that not all themes allow for that, especially if they require jquery to do something as content loads (think ajax, animations, etc that are somethimes inlined into the page).

    In many frequent cases, we cannot defer javascript (at least, not jquery) because of that, and a submit button looks like it’s the case, since a lot of submit buttons on forms rely on jQuery to submit the forms.

    When you defer jQuery… on a fast connection, it may work well because scripts execute in order after the page loads, however on a slow connection (think mobile) it might take long time to finis downloading all javascript and hence jQuery won’t be defined when you submit the form.

    Also some scripts require jQuery to be defined before they run, so you need jQuery to be render blocking in order to work, there’s no way around it.

    What you can do is to try to enable javascript processing and do the following:

    – disable js defer (if enabled) and see if there are any errors on the console.

    – if yes, disable minification and try again (flush cache on cloudflare if you’re on cloudflare)

    – if problem persists, there’s some file conflicting with the rest, so what you do is to clear the cache on the settings page (no need to clear the intermediate cache), refresh the page with the form (so only the necessary js files are created) and then see the logs on that list for a list of merged js files.

    After that start by adding all js urls to the ignore list and save.
    You would then remove one from the ignore list, save and try again until there are no more errors on the console. When you remove the file that is causing the error (sometimes there’s more than one) it should work.

    Let me know if after all this you cannot solve it and I’ll take a look at your site myself.

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Submit Button Not Working Gravity Forms’ is closed to new replies.