How to perform multiple actions on an adaptive form submission

Hi @wizard04wsu , You can do this using multiple ways. Also, have a look at https://experienceleague.adobe.com/en/docs/experience-manager-65/content/forms/adaptive-forms-basic-authoring/configuring-submit-actions

1-AEM Workflow:

• Create a workflow: Design a workflow with two steps:
  • Send to REST Endpoint: Use the HTTP Client service to send form data to the external endpoint.
  • Send Email: Utilize the Email service to send the notification.

2- Custom Sling Servlet:

• Create a Sling Servlet: Develop a custom Sling servlet to handle form submissions.
• Process Data: Extract form data, send it to the REST endpoint, and trigger email notification.
• Expose Servlet as a Service: Expose the servlet as a service to be called from the form's submit action.

3- Customize the Form Submission.

You can customize the form submit action something like below

document.getElementById('submit-button-id').addEventListener('click', function(event) {
event.preventDefault();

// Post to REST endpoint
fetch('https://external-api.com/endpoint', {
method: 'POST',
headers: {
'Content-Type': 'application/json'
},
body: JSON.stringify(formData)
})
.then(response => response.json())
.then(data => {
console.log('Success:', data);
// After posting to the REST endpoint, trigger the email sending
sendEmail();
})
.catch(error => {
console.error('Error:', error);
});
});

function sendEmail() {
// Custom code to send the email or trigger a server-side process to do so
console.log('Email sent!');
}