Botón confirmar usando JavaScript en formulario HTML

Algunas veces necesitamos confirmar en un formulario para comprobar si después de que el usuario presione el botón de envío del formulario HTML realmente deseaseguir o quiere dar marcha atrás.

Algunos casos pueden ser:

  • Usuarios despistados que pulsan un botón por equivocación, por ejemplo el botón “eliminar”
  • Para explicar a un usuario por última vez que implica seguir adelante.

En la ventana modal aparecerán dos botones que serán: Aceptar o Cancelar, si el usuario pulsa el botón Aceptar el formulario redirigirá a la ruta declarada en el action (cabecera de la etiqueta del formulario), a nosotros nos enviará a a “claseDestino.php”, si por contrario pulsamos el botón Cancelar no se realizará la acción del formulario y por lo tanto no visualizaremos ningún cambio sobre nuestra pantalla.

Para ver el ejemplo práctico de nuestro Script pulsar en el siguiente enlace:
VISUALIZAR AQUÍ

<!DOCTYPE html>
<html lang="es-ES" prefix="og: http://ogp.me/ns#">
<head>
   <meta charset="UTF-8"/>
</head>
<body>
   <form method="post" action="claseDestino.php" onsubmit="return confirmation()">
      <button type="submit" >PRESIONAR</button> 
   </form>			
 
    <script type="text/javascript">
     function confirmation() 
     {
        if(confirm("Desea seguir?"))
	{
	   return true;
	}
	else
	{
	   return false;
	}
     }
    </script>
</body>
</html>

Iván Martínez

Ingeniero Informático apasionado por el mundo del desarrollo WEB. Me gusta caminar por este mundo lleno de tecnologías y día a día aprender cosas nuevas como el doctor Frankenstein ¡dadme cosas para experimentar!

Deja un comentario

Tu dirección de correo electrónico no será publicada.