Grazie avviso al momento dell'invio del modulo
-
08-07-2019 - |
Domanda
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?
Soluzione
Perché non un semplice onSubmit?
<form method="post" id="myForm" action="dynaform.php" onSubmit="alert('Thank you for your feedback.');" >
Altri suggerimenti
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.
Invece di reindirizzare a index.html, reindirizzare a thanks.html; i tuoi utenti ringrazieranno tu perché tutti odiano i popup!
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.