Zigaform events let you launch actions based on a action performed by a user.

“zgfm.form.init_loaded” event

This event is fired just after the form is loaded

jQuery( document ).ready(function($) {

$(document).bind("zgfm.form.init_loaded", function(e,data) {

$('body').css('background','red'); alert('Added red to background');

});

});

“zgfm.form.before_submit”callback event

This event is fired just before the form submit the data:

jQuery( document ).ready(function($) {

  $(document).bind("zgfm.form.before_submit", function(e,callback) {

    if(true){

      callback({
      is_valid:true
      });

    }else{

      callback({
      is_valid:false
      });

    }

  });

});

when your process is fine, return the callback function:

callback({
is_valid:true
});

if your process is not fine, return the callback function with “is_valid” parameter to false:

callback({
is_valid:false
});

Note, remember to return always the callback function as shown in the example.

if you return callback function with parameter “is_valid”  to false, the form will not send they data, until it receive callback function with “is_valid” parameter to false.

“additional_validation.form”callback event

This event is fired just after validation and return a callback function

jQuery( document ).ready(function($) {
  $(document).bind("zgfm.form.wizbtn_additional_validation", function(e,callback) {
    if(true){
      callback({
      is_valid:true
      });
    }else{
      callback({
      is_valid:false
      });
    }
  });
});

when your validation is fine, return the callback function:

callback({
is_valid:true
});

if your validation is not fine, return the callback function with “is_valid” parameter to false:

callback({
is_valid:false
});

Note, remember to return always the callback function as shown in the example.

“zgfm.form.after_submit” event

This event is fired just after the form sent information

jQuery( document ).ready(function($) {
  $(document).bind("zgfm.form.after_submit", function(e,data) {
    $('body').css('background','red'); alert('Added red to background');
  });
});