[Resolved] How to call script after form is saved (AJAX)

[Author]

Posts

[ericE-4]

In order work around some deficiencies in the post forms module, I've had to execute some code when the form loads. However when the form is saved, all the workarounds disappear. Therefore, I need a way to re-execute them when the post form is saved/submitted.

How can I execute a script after the form has been saved?

[Minesh]

Hello. Thank you for contacting the Toolset support.

Toolset Forms offers the PHP hooks cred_save_data and cred_submit_complete that should be run after form is submitted. However these hooks are PHP hooks that will run for both AJAX and non-AJAX forms.
=> https://toolset.com/documentation/programmer-reference/cred-api/#cred_save_data
=> https://toolset.com/documentation/programmer-reference/cred-api/#cred_submit_complete

As you said, you want to run some script after the form is submitted using AJAX. There are no native JS hooks available with AJAX form submit but if you can show me what exactly the script you want to hook-in/reinitialize after you submit the form using AJAX I will check with our Devs to know if is there any workaround.

For that - can you please share the problem URL where you added the form and what script you want to reinitialize and access details.

*** Please make a FULL BACKUP of your database and website.***
I would also eventually need to request temporary access (WP-Admin and FTP) to your site. Preferably to a test site where the problem has been replicated if possible in order to be of better help and check if some configurations might need to be changed.

I have set the next reply to private which means only you and I have access to it.

[Minesh]

Can you please check now: hidden link

I've added the following code to your form's JS editor box:

 
  function initialize1() {

  	jQuery(window).scroll(function() {
        var scroll = jQuery(window).scrollTop();
        if (scroll >= 109) {
            jQuery("body").addClass('sticky');
        } else {
            jQuery("body").removeClass("sticky");
        }
    });
 
  /* Fancy checkboxes */
    jQuery(".wpt-form-checkbox-label").each(function(){
      jQuery(this).children().insertBefore(jQuery(this));
    });

  // make thumbnail grids work with sortable (by default it only works wehen arranged in a single verticval column)
    jQuery(".js-wpt-field-items.js-wpt-repetitive").sortable();
    jQuery(".js-wpt-field-items.js-wpt-repetitive").disableSelection();


    jQuery(".featured-image .js-toolset-media-field-trigger").click(function(){
      jQuery(".featured-image").parent().parent().addClass("image-pending-replace");
    });
 
  }

jQuery(document).ajaxComplete(function (event, xhr, settings) {
  
    if(settings.hasOwnProperty('extraData')){
        initialize1();
    }
  	
});

Can you please confirm it works as expected.

[ericE-4]

Thanks, that code

jQuery(document).ajaxComplete(function (event, xhr, settings) {
    if(settings.hasOwnProperty('extraData')){
.
.
.

is exactly what I needed. Too bad this isn't documented anywhere!