JavaScript Form Submission: Confirmation Dialog with Submission and Cancellation Options

Using an Inline JavaScript Confirm Dialog

To implement a form submit confirmation dialog with options to submit or cancel, you can use an inline JavaScript confirm dialog. This dialog displays a pop-up message prompting the user to confirm the form submission and provides two buttons: "OK" and "Cancel."

To use an inline JavaScript confirm dialog, add the following code to your HTML form:

Using an External Function for Validation and Confirmation

If you need to perform additional validation before prompting the user for confirmation, you can create an external JavaScript function for both validation and confirmation. Here's how to do it:

1. Create a JavaScript function that performs validation and returns a Boolean value (true for valid, false for invalid).

function validate(form) {

    // Validation code here ...

    if (!valid) {
        alert('Please correct the errors in the form!');
        return false;
    }
    else {
        return confirm('Do you really want to submit the form?');
    }
}

2. Add the function to your HTML form's onsubmit event handler.

Customizing the Confirmation Dialog

You can customize the confirmation dialog's message and button labels using the message and buttons options in the confirm() function. For example:

confirm({
  message: 'Are you sure you want to continue?',
  buttons: ['Yes', 'No', 'Cancel']
});