[Resolved] Urgent: User registration form does not work

[Author]

Posts

[himanshuS]

I am using the Toolset form to register users, auto login and register them to a new page.

Everything was working fine a few days ago and now it just does not do anything.

Behavior -
1. The Ajax spinner loads and then stops.
2. The user is not redirected.
3. The user is not registered.

Changes I made - enabled Cloudflare on the site. Nothing else on the code front.

Page - hidden link

Video - hidden link

[himanshuS]

I had to change the form with WPForms as a workaround for now but the issue exists with Toolset form.

[Nigel]

I'd suggest you check the browser dev tools to see if there is any error reported in the console or a problem visible in the network request for the ajax form submission.

Also, you could change the form settings to disable the option to submit the form via ajax. Given that the form is set to redirect to another page a page reload is required in any case.

[himanshuS]

Nigel,

That does not seem to be the issue because it was working just fine with the AJAX load two days ago.

I also like the spinner that is visible with AJAX because users see that.

Finally, WPForms was able to load with AJAX. Does not seem like AJAX is an issue.

I have checked the browser dev tools and it does not seem like there is an issue.

What else could I do?

[himanshuS]

Nigel,

The form is working and I did not make any changes. Can the JAX request not trigger because of caching issues?

[Waqar]

Thanks for the update and glad that the form is working now.

If the form started working correctly without any change, then yes it could be related to the cached content.

> Can the JAX request not trigger because of caching issues?

- AJAX requests are usually affected by some script errors on the page, that can be seen in the browser's console.
( ref: https://wordpress.org/support/article/using-your-browser-to-diagnose-javascript-errors/ )

The script errors can be caused by the cached or older content or JS files, being loaded, which makes the two indirectly related.

In case this happens again, please be sure to check the browser's console and the server's error log for any errors or warnings.

[himanshuS]

Waqar,

I could not find any issues in the console. Granted I did not enable script debugging. I am going to do that and check again.

In general, I am using WP Rocket as the caching plugin and would like to know if there are any settings or compatibility issues between Toolset and WP Rocket. I ask this because I switched to WPFroms registration form with the page caching ON and it worked just fine.

Now I have switched back to Toolset registration form with registration page caching OFF and it works just fine. I had tried to make it work with the page caching ON but the form stopped working after 20 minutes... basically when caching kicked in.

So it seems like the Toolset registration form does not like caching. Is there a recommended configuration for pages with toolset form on WP Rocket? Are there specific JS files I should exclude from delay and defer? I am AJAX on some forms but not on others. Does that impact behavior?

Here is an example of page caching settings with WP Rocket - hidden link

[Waqar]

Thanks for writing back.

It sounds more like an issue that relates to how scripts are being minified and deferred. The role of cache can only be limited to the delay after which you start seeing a particular issue.

There is no recommended or specific rule when it comes to these optimizations, as each website can have its own combination of theme and third-party scripts and styles. But, we do have a list of files that we recommend for exclusion:
https://toolset.com/faq/how-to-use-optimization-plugins-with-toolset/

I'll suggest excluding the files listed under the Toolset Forms and testing the form again, after clearing all involved caches.

If the issue still persists, it would be a good idea to also uncheck the option "Defer JS" for pages where AJAX-enabled forms are used.

[himanshuS]

Update -

I have added exceptions to JS files in WP Rocket. I have tested the form on a new page and the form still does not work.

Now, I am testing the form by disabling the "defer JS" functionality in WP Rocket. WIll update you on the situation.

[Waqar]

Thanks for the update and let me know how it goes.

[himanshuS]

It seems to work with deferring JS for the page on WP Rocket.

[himanshuS]

My issue is resolved now. Thank you!