Merci alerte lors de la soumission du formulaire

Question

J'ai un formulaire très basique à l'adresse http://www.happyholidaylites.com/contact.html et ça marche très bien. Lorsque vous envoyez le formulaire, l'utilisateur est amené au fichier index.html sans qu'aucun message ne l'ait envoyé. Je souhaite lancer une alerte indiquant que "votre formulaire a été soumis". avec un bouton x. Mon code ressemble à ceci:

      <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'>

etc. et ainsi de suite .....

La dernière ligne indique au formulaire ce qu'il faut faire après avoir appuyé sur le bouton de soumission, mais je ne souhaite pas qu'il pointe le navigateur vers l'index, je souhaite plutôt un popup javascript avec un message de réussite. Des idées?

Answer 1

Pourquoi pas un simple onSubmit?

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

Answer 2

Pour être honnête, vous feriez mieux de rediriger vers une autre page afin d'éviter que l'utilisateur ne soumette de nouveau la page lors d'une actualisation. Consultez Publier / Rediriger / Obtenir un modèle .

Les popups peuvent être extrêmement gênants sur les sites Web. Vous devez créer une page intitulée "Thank-you.html " que vous pouvez rediriger l’utilisateur sur une soumission réussie qui a accès aux options de navigation du site ou même simplement rediriger la page du formulaire après quelques secondes.

Answer 3

Au lieu de rediriger vers index.html, redirigez vers thanks.html; vos utilisateurs vous remercieront parce que tout le monde déteste les popups!

Answer 4

On dirait que votre script PHP gère la soumission du formulaire en traitant l'entrée et en redirigeant le navigateur vers la valeur du champ rec_thanks .

Vous pouvez ajouter quelque chose comme onsubmit = "YourJavaScriptFunction ()" à la balise de formulaire pour ajouter un comportement côté client avant de soumettre le formulaire. Dans cette fonction, vous pouvez effectuer une validation, utilisez alert ('Merci!') , etc.