JavaScript Forms Envision: Diálogo de confirmación con opciones de envío y cancelación

usando un diálogo de confirmación de JavaScript en línea

para implementar un diálogo de confirmación de envío de formulario con opciones para enviar o cancelar, puede usar un dialog de confirmación de javascript en línea. Este cuadro de diálogo muestra un mensaje emergente que le pide al usuario que confirme el envío del formulario y proporciona dos botones: "OK" y "Cancelar"

para usar un diálogo de confirmación de JavaScript en línea, agregue el siguiente código a su HTML:

usando una función externa para validación y confirmación

Si necesita realizar validación adicional antes de solicitar al usuario la confirmación, puede crear una función de JavaScript externa para validación y confirmación. Aquí le mostramos cómo hacerlo:

crea una función JavaScript que realiza validación y devuelve un valor booleano (verdadero para válido, falso para 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?');
    }
}

Agregue la función al controlador de eventos de eventos de su formulario html. Las opciones de mensaje y botones en la función Confirm (). Por ejemplo:

confirmar ({ Mensaje: '¿Estás seguro de que quieres continuar?', Botones: ['Sí', 'No', 'Cancelar'] });