Gracias alerta al enviar el formulario

Question

Tengo un formulario muy básico en http://www.happyholidaylites.com/contact.html y está funcionando muy bien. Cuando envía el formulario, el usuario es llevado al index.html sin mensaje de que el formulario ha sido enviado. Estoy buscando iniciar una alerta que diga: "su formulario ha sido enviado". con un botón x Mi código se ve así:

      <form method="post" id="myForm" action="dynaform.php">

      <input type='hidden' name='rec_mailto' value='JBIRD1111@gmail.com'>
      <input type='hidden' name='rec_subject' value='New Contact Form'>
      <input type='hidden' name='rec_thanks' value='index.html'>

y así sucesivamente .....

La última línea es lo que le dice al formulario qué hacer después de presionar el botón Enviar, pero no quiero que apunte el navegador al índice, sino que quiero una ventana emergente de JavaScript con un mensaje de éxito. ¿Alguna idea?

Answer 1

¿Por qué no un simple onSubmit?

<form method="post" id="myForm" action="dynaform.php" onSubmit="alert('Thank you for your feedback.');" >

Answer 2

Para ser honesto, es mejor redirigir a otra página para evitar que el usuario vuelva a enviar la página en una actualización. Eche un vistazo a Publicar / Redirigir / Obtener Patrón .

Las ventanas emergentes pueden ser extremadamente molestas en los sitios web. Debería crear una página llamada "gracias-ht.html" que puede redirigir al usuario al envío exitoso que tiene acceso a las opciones de navegación del sitio o incluso simplemente volver a dirigirlo a la página del formulario después de unos segundos.

Answer 3

En lugar de redirigir a index.html, redirige a thanks.html; ¡sus usuarios le agradecerán a usted porque todos odian las ventanas emergentes!

Answer 4

Parece que su script PHP maneja el envío del formulario procesando la entrada y redirigiendo el navegador al valor en el campo rec_thanks .

Puede agregar algo como onsubmit = " YourJavaScriptFunction () " a la etiqueta del formulario para agregar un comportamiento del lado del cliente antes de enviar el formulario. Dentro de esa función puede realizar la validación, use la alerta ('¡Gracias!') , etc.