Discussion :

[Silveur]

Bonjour,

Je souhaiterais vider les champs d'un formulaire une fois ce dernier validé. Je parviens à faire ce que je désire en utilisant l'évènement onClick (sur le bouton submit), mais lorsque j'utilise l'évènement onSubmit, bizarrement, ça ne fonctionne plus...

Voici le code en question :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
<SCRIPT language="JavaScript">
function Valider() { 
	document.Radio.method = "POST";
	document.Radio.action = "radio.php";
	document.Radio.target = "radio";
	document.Radio.submit();
	document.getElementById('message').value="";
}
</script>													
 
<iframe src="radio.php" name="radio"></iframe>
 
<form name="Radio" id="radio" class="form" onSubmit="Valider()">	
	<input name="message" id="message" type="text" >
	<input class="button" type="submit" value="OK">			
</form>

Lorsque l'utilisateur envoie le formulaire alors qu'il a préalablement remplis le champ "Message", ce dernier s'en retrouve vidé... Mais les informations ne sont pas envoyées vers la page radio.php !

Par contre, si j'enlève la ligne document.getElementById('message').value="";, le message est bien envoyé.

Je soupçonne le navigateur qui ferait passer cette dernière ligne avant les autres, ce qui fait que le message envoyé est en réalité vide...

Quelqu'un aurait une piste ?

Merci et bonne soirée !

[SpaceFrog]

reset ?

to form n'a pas d'action ?

je crains que le souci soit que si tu soumets le formulaire tu ne puisse pas lui faire un reset, et si tu fais un reset avant de soumettre ben les champs soumis seront vides...

éventuellement un script dans le onload ?