This seems like a fairly simple request, but I haven't been able to find an answer in the forums.
I have a loading spinner on my site, but I need to hide it if someone submits a form and there's a validation error- for example, they haven't filled out a required field. So all I want to do is to run this bit of JQuery:
$('.loading-spinner').fadeOut();
If a form triggers an error on submit. What's the best way to achieve that? Thanks in advance!
Hello and thank you for contacting the Toolset support.
Currently, there is no Javascript API for Toolset Forms. If you need an API, please suggest it on this page https://toolset.com/home/contact-us/suggest-a-new-feature-for-toolset/
Without proper API from Toolset Forms, you will need to come up with a hacky solution, which will depend on your use case(theme, HTML markup, etc.) Check this article about intercepting AJAX requests: hidden link
You can create your custom ajaxSetup and hide the spinner whenever an AJAX call is ended. You may need to do some checks and hide the spinner only for the form AJAX call. (Prefer jQuery over $, $ won't work on WP environement)
jQuery(function($){
$.ajaxSetup({
complete: function (xhr,status) {
// check if we need to hide the spinner and hide it.
},
error: function (xhr,status,error) {
// check if we need to hide the spinner and hide it.
}
})
})
Please note, that custom code is beyond the scope of the support forum, If you are not comfortable with programming, consider hiring a developer or one of our partners https://toolset.com/contractors/
Thanks, I'll be able to sort from here.