Grazie avviso al momento dell'invio del modulo

Question

Ho un modulo molto semplice su http://www.happyholidaylites.com/contact.html e funziona alla grande. Quando si invia il modulo, l'utente viene portato a index.html senza alcun messaggio che il modulo è stato inviato. Sto cercando di avviare un avviso che dice "il tuo modulo è stato inviato" con un pulsante x. Il mio codice è simile al seguente:

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

così via e così via .....

L'ultima riga è ciò che sta dicendo al modulo cosa fare dopo che è stato premuto il pulsante di invio, ma non voglio che punti il ??browser all'indice, piuttosto voglio un popup javascript con un messaggio di successo. Qualche idea?

Answer 1

Perché non un semplice onSubmit?

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

Answer 2

Ad essere onesti, è meglio reindirizzare a un'altra pagina per evitare che l'utente rinvii nuovamente la pagina durante un aggiornamento. Dai un'occhiata a Pubblica / Reindirizza / Ottieni pattern .

I popup possono essere estremamente fastidiosi sui siti Web. Devi creare una pagina chiamata " thank-you.html " a cui puoi reindirizzare l'utente in caso di invio riuscito che abbia accesso alle opzioni di navigazione del sito o anche semplicemente reindirizzare nuovamente alla pagina del modulo dopo pochi secondi.

Answer 3

Invece di reindirizzare a index.html, reindirizzare a thanks.html; i tuoi utenti ringrazieranno tu perché tutti odiano i popup!

Answer 4

Sembra che il tuo script PHP gestisca l'invio del modulo elaborando l'input e reindirizzando il browser sul valore nel campo rec_thanks .

Puoi aggiungere qualcosa come onsubmit = " YourJavaScriptFunction () " al tag del modulo per aggiungere un comportamento sul lato client prima di inviare effettivamente il modulo. All'interno di quella funzione è possibile eseguire la convalida, utilizzare alert ('Grazie!') , ecc.