Svuotare form dopo l'invio

**foreach** · 27-02-2015, 13.18.11

Salve a tutti,

ho una pagina web dove c'è un form che punta ad un'iframe nascosto.

Questo form inserisce i dati nel db, ma questo non importa.

Vorrei sapere come far svuotare il form con form.reset() o con qualcos'altro DOPO aver inviato i dati, senza ricaricare la pagina. Ho provato con l'evento onsubmit, ma vedo che questo viene chiamato prima dell'invio, e nella lista degli eventi DOM non trovo nessun evento che soddisfi la mia richiesta.

C'è un modo per far eseguire il reset del form dopo il suo invio, dato che invia i dati in un'iframe nascosto?

Grazie,
foreach

**karl94** · 27-02-2015, 13.59.00

Potresti provare ad usare setTimeout dentro al listener onsubmit. Ma perché non inviare i dati con un oggetto XMLHttpRequest?

**foreach** · 01-03-2015, 00.15.36

Mi puoi fare un esempio usando XMLHttpRequest? Non sono tanto pratico con XML.

Usando setTimeout aspetta 3 secondi (ho messo 3000), esegue la funzione di svuotamento form, e poi tenta invano di inviare il form ormai vuoto all'iframe.

Missà che non va setTimeout, e purtroppo mi serve questo form.

Non ci sono altre soluzioni?

Grazie,
foreach

**alemoppo** · 01-03-2015, 00.33.26

http://forum.it.altervista.org/javas...tml#post626224

Ciao!

**karl94** · 01-03-2015, 03.00.09

E poi col setTimeout non ho capito che hai fatto, dovresti solo cancellare nella funzione richiamata, non inviare.

**foreach** · 03-03-2015, 15.29.57

Scusate il ritardo ma ho avuto da lavorare troppo.

Non posso mettere una durata fissa di tempo come timeout, perché la pagina può essere anche lenta a caricare.

Però mi è venuta un'idea: e se io metto in form onsubmit questo?

Codice PHP:


this.submit(); this.reset(); return(false);

Che ne dite? Potrebbe funzionare?

Grazie,
foreach

**karl94** · 03-03-2015, 15.35.39

Originalmente inviato da foreach

Non posso mettere una durata fissa di tempo come timeout, perché la pagina può essere anche lenta a caricare.

Appunto per questioni come queste non è una buona idea usare un modulo, su cui hai poco controllo ed è pensato per scopi differenti.
Comunque nella funzione eseguita al timeout dovresti solamente svuotare i campi del modulo e basta. Non dovrebbe importare se vengono svuotati prima del caricamento della pagina di destinazione, in quanto la richiesta viene generata e mantenuta a parte al momento esatto dell'invio.

Originalmente inviato da foreach

Però mi è venuta un'idea: e se io metto in form onsubmit questo?

Codice PHP:


this.submit(); this.reset(); return(false);

Che ne dite? Potrebbe funzionare?

Potrebbe, prova.

**foreach** · 03-03-2015, 20.00.25

Scusa,

non per darti fastidio, ma mi puoi fare un esempio concreto con qualsiasi metodo che funzioni, basta che non carico script esterni? Ho provato con la mia idea e con settimeout(), ma niente da fare... non sto capendo più niente, è la prima volta che mi succede.

Grazie,
foreach

**karl94** · 03-03-2015, 22.16.04

Codice HTML:

<!DOCTYPE html>
<html>
	<head>
		<title>Test</title>
	</head>
	<body>
		<form target="tg">
			<input type="text" name="a" />
			<input type="color" name="b" />
			<button>Send</button>
		</form>
		<iframe name="tg"></iframe>
		<script type="text/javascript">
			var form = document.forms[0];
			form.addEventListener("submit", function(e){
				setTimeout(function(){form.reset()}, 0);
			});
		</script>
	</body>
</html>

Discussione: Svuotare form dopo l'invio

LinkBack

Strumenti discussione

Display

Svuotare form dopo l'invio

Regole di scrittura