Mostrar mensaje despues de enviar el formulario

[Alexis88]

Una vez que se ejecuta el envío del formulario, si no se está haciendo vía una petición asíncrona (AJAX), entonces la ventana recargará, por lo que será imposible mostrar mensaje alguno.

Lo que puedes hacer es enviarlo vía AJAX, de esta forma, no solo podrás mostrar un mensaje luego de haber ejecutado el envío de la información sino cuando se haya obtenido una respuesta desde el lado del servidor.

Código Javascript:

$("form").on("submit", function(event){
    event.preventDefault(); //Se cancela el envío "normal"
 
    //Y se procede a hacerlo vía AJAX
    $.ajax({
        url: $(this).prop("action"),
        type: $(this).prop("method"),
        data: $(this).serialize(),
        dataType: "json",
    }).done(function(response){
        if (response.estado == "ok"){
            alert("El proceso fue exitoso: " + response.mensaje);
        }
        else{
            alert("Ha ocurrido un error: " + response.mensaje);
        }
    }).fail(function(xhr, error){
        alert(error);
    });
});
 

En el archivo del lado del servidor (un ejemplo con PHP):

Código PHP:

//Instrucciones
//...
//Más instrucciones
//...
 
//Supongamos que guardarás datos
 
if ($guardado){
    echo json_encode([
        'estado' => 'ok',
        'mensaje' => 'Mensaje de éxito' //Por ejemplo: Los 54 datos han sido guardados satisfactoriamente
    ]);
}
else{
    echo json_encode([
        'estado' => 'error',
        'mensaje' => 'Descripción del error' //Si usas la extensión MySQLi, puedes usar la función mysqli_error()
    ]);
}