MemoCode - JavaScript
MemoCode

Como mostrar mensaje de confirmacion al enviar datos en formulario HTML

1. Crea un archivo index.html y agrega el codigo JS y HTML para crear formualario y enviar datos.


                    
<!DOCTYPE html>
<html lang="es">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Formulario>/title>
</head>

<script>
/* codigo para mostrar mensaje de confirmacion antes de que se envien los datos */
    function confirmacion() {
        var respuesta = confirm("¿deseas enviar esta informacion?");
        if (respuesta == true) {
            return true;
        } else {
            return false;
        }
    }
</script>

<body>
    <form action="mensaje.php" method="post">
        <label for="nombre">Nombre</label><input type="text" name="nombre" id="nombre">
        <label for="apellido">Apellido</label><input type="text" name="apellido" id="apellido">
        <input type="submit" name="enviar" value="enviar" onclick="return confirmacion()">
    </form>
</body>
</html>

2. Ahora creamos un archivo llamado mensaje.php donde pondremos el codigo que nos mostrara los datos que llenamos en el formulario


                    
<?php
if (isset($_POST["enviar"])) {
    $nombre = $_POST["nombre"];
    $apellido = $_POST["apellido"];

    echo "El nombre es: " . $nombre . " y el apellido es: " . $apellido;
}
?>

3. Ejecuta tu pagina y verifica que todo funcione correctamente.


Descargar proyecto