Disable redirection and launch js function on success

Hello,

Thanks for the feedback. You can disable the form redirection by simply leaving the “Redirection” setting empty in the ACF Extended Form UI. This will reload the page, without any redirection. The page reload on submission is a core logic of ACF Form, and cannot be disabled.

Concerning the JS function on form submission success, you can use specific JS hooks:

// All forms
acf.doAction('acfe/form/submit/success');

// Form ID: 123
acf.doAction('acfe/form/submit/success/id=123');

// Form Name: my-form
acf.doAction('acfe/form/submit/success/name=my-form');

Usage example:

(function($){

    if(typeof acf === 'undefined')
        return;

    acf.addAction('acfe/form/submit/success/name=my-form', function(){

        alert('success');

    });

})(jQuery);

Remember to enqueue the JS file using acf/input/admin_enqueue_scripts just like in the documentation: https://www.advancedcustomfields.com/resources/acf-input-admin_enqueue_scripts/

add_action('acf/input/admin_enqueue_scripts', 'my_acf_admin_enqueue_scripts');
function my_acf_admin_enqueue_scripts(){
	wp_enqueue_script('acf-js', get_stylesheet_directory_uri() . '/acf.js', false);
}

Hope it helps!

Regards.

Hello,

I already found a “hacky” way to use Ajax for form submission, but an ACF update could break it which made it not reliable enough for production websites (as it possibly needs maintenance & upgrades). Unless ACF provide a native way to submit ACF Forms using Ajax, I would stay away from it.

Regards.

Hello,

Well, that post on the forum is already deprecated and isn’t working anymore. I don’t know if that’s on the todo list of ACF tho. I’ll try to submit the feature request on Github.

Regarding ACF Extended: Forms, I would suggest you to test it, because it is a very very powerful feature, I think you gonna like it 🙂

Regards.