HIPAA Compliant forms available September 29th, 2021. Click here to learn more.

Custom Events Starter Plan

Customize your form's behavior further by listening for our custom events!

Listening for our events

Listening for our custom events is the same as listening for any other Javascript event. Give your form a unique id. Next you would need to add an addEventListener() method. Below is a basic example of listening for a kwSubmitted event that fires when a form is submitted successfully:

var form = document.getElementById('myForm');
form.addEventListener('kwSubmitted', function () { // add your own custom logic :) });

Available custom events

Event Description
kwOnSubmit Fires when the submit button from your form is clicked.
kwHasErrors Fires when a validation error occurs on your form.
kwSubmitted Fires when a form is successfully submitted.
kwMultistepPrevClicked Fires when the “previous” button is clicked on a multistep form.
kwMultistepPrevSuccess Fires when the previous step is reached in a multistep form.
kwMultistepNextClicked Fires when the “next” button is clicked on a multistep form.
kwMultistepNextSuccess Fires when the next step is reached in a multistep form.
kwRepeaterAddClicked Fires when the “add” button is clicked on repeater field groups.
kwRepeaterAddSuccess Fires when a group of fields is successfully added on repeater field groups.
kwRepeaterRemoveClicked Fires when the “remove” button is clicked on repeater field groups.
kwRepeaterRemoveSuccess Fires when a group of fields is successfully removed on repeater field groups.

Any suggestions?

If you have any suggestions for new custom events. Send us a message!.

Notice anything wrong in our docs? Let us know.