Im trying to run some jQuery code after a failed form submit in Gravity forms aka when the validation has picked up something wrong.
I tried using the Ajax:complete callback but it doesnt fire at all.
The code i am trying to run basically adds listeners to a select dropdown, without it the calculations dont work which then makes the form unusable and unable to submit without refreshing the page.
Code that i am using below:
jQuery(document).ajaxComplete(function() {
addServiceListeners();
}
function service_listeners() {
var is_responsive = false;
if(window_size < 1024 && $('body').hasClass('subNav-listener')) {
is_responsive = true;
$('.services-link').off('click');
$('.services-link').on('click',function(e) {
e.preventDefault();
window.location = 'http://telviva.co.za/hosted-pbx';
})
} else {
$('.services-link').off('click');
$('#sub-nav-container').removeClass('hidden');
$('.services-link').on('click',function(e) {
if(window_size <= 600) {
if(e.target.hash == "#pbx-main") {
window.location = 'http://telviva.co.za/hosted-pbx';
} else {
return;
}
} else {
e.preventDefault();
$('#sub-nav-container').toggleClass('open');
}
});
}
}
All help appreciated!
You can call jQuery that has to be run after gravity form submit like this
Here is detail about ‘gform_post_render’ that is provided by Gravity form.
https://www.gravityhelp.com/documentation/article/gform_post_render/
user2745337 has the correct answer! To elaborate on the solution, you should take your code and wrap it in a function. Call the function on your normal page load (or don’t, up to you).
When the gform_post_render fires, you can then call your function (addServiceListeners())
===========