Form events

You can listen for events when embedding a Reform. You can use events to show a loading spinner or make an API call with the submitted data.

Currently, the supported events are:

onFormLoaded
onFormSubmitted

<div id="my-reform"></div>
<script>window.Reform=window.Reform||function(){(Reform.q=Reform.q||[]).push(arguments)};</script> 
<script id="reform-script" async src="https://embed.reform.app/v1/embed.js"></script> 
<script>
   Reform('init', {
     url: 'FORM_URL',
     target: '#my-reform',
     background: 'transparent',
     onFormLoaded() {
	console.log('Form loaded')
     },
     async onFormSubmitted(answers) {
	console.log('Form submitted with', answers)
     },
   })
 </script><br>

onFormSubmitted receives answers as a parameter. answers is an object with labels as keys and the answer as value.

onFormSubmitted and custom redirects

If you are using a custom redirect after the form has been submitted you should beware of a caveat using onFormSubmitted. If onFormSubmitted is an asynchronous function it won't redirect until that function has finished executing. You should try to minimize the time it takes to execute the event handler so users won't feel like they are stuck.