Vider un formulaire

**Poussy-Puce** · 06/02/2006, 17h44

Bonjour j'aimerais arriver à vider tous les éléments d'un formulaire en une seule commande, même les hidden.

Est-ce que y'a quelqu'un qui saurait comment faire!?!

**shwin** · 06/02/2006, 17h54

Code :

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

1
2
 
document.getElementById('_form').reset();

_form étant l'id du formulaire

**Poussy-Puce** · 06/02/2006, 19h16

Cela ne fonctionne pas, est-ce que c'est possible que ce soit parce que j'ai plus d'un formualire dans ma page...

Mon code qui fonctionne pas:

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
17
18
19
20
21
22
function ChangementDemande(idDemande)
{
	var numDemande
	if (idDemande < 0)
		idDemande = 0;
	else
	{
 
		if (parseInt(idDemande) > parseInt(document.form1.maxId.value))
		{
			idDemande = 0;
		}
	}
	if (idDemande == 0)
		numDemande = "";
	else
		numDemande = idDemande;
 
	document.getElementById('form1').reset(); 
	document.form1.id.value = idDemande;
	SoumettreForm();
}

**shwin** · 06/02/2006, 19h22

montre ce que tu as mit comme déclaration de ton formulaire

tu as tu mit ?

Code :

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

1
2
 
<form id="form1">

je crois que non car tu fait l'appel de ton formulaire de cette facon (a éviter)

Code :

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

1
2
 
document.form1

donc tu n'as pas mit d'id, il faut donc en rajouter 1 ou encore faire l'appel obsolete de cette manière

Code :

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

1
2
 
document.form1.reset()

**Poussy-Puce** · 06/02/2006, 19h25

Voici mon l'appel de mon form

Code :

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

1
2
 
<form method="post" ACTION="<%= strLink1%>" target="_self" id="form1" name="form1">

Je ne savais pas que ma méthode était obsolete, donc à l'avenir je l'éviterai!!!

**shwin** · 06/02/2006, 19h36

essaye ceci

Code :

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

1
2
 
<form method="post" ACTION="<%= strLink1%>" target="_self" id="_form1" name="form1">

Code :

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

1
2
 
document.getElementById('_form1').reset()

aussi, il ne te manque pas un $ pour ta variable perl strLink1 ?

Code :

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

1
2
 
ACTION="<%=$strLink1%>"

**Poussy-Puce** · 06/02/2006, 19h43

Cela ne fonctionne toujours pas

Mon form:

Code :

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

<form method="post" ACTION="<%= strLink1%>" target="_self" id="_form1" name="form1">

Ma function:

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
17
18
19
20
21
22
function ChangementDemande(idDemande)
{
	var numDemande
	if (idDemande < 0)
		idDemande = 0;
	else
	{	
		if (parseInt(idDemande) > parseInt(document.getElementById('maxId').value))
		{
			idDemande = 0;
		}
	}
 
	if (parseInt(idDemande) == 0)
		numDemande = "";
	else
		numDemande = idDemande;
 
	document.getElementById('_form1').reset();
	document.getElementById('id').value = numDemande;
	SoumettreForm();
}

**shwin** · 06/02/2006, 19h52

chez moi ca fonctionne tres bien

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
17
18
19
20
 
<body bgcolor="#FFFFFF" text="#000000"> 
<form id="_form" method="post" action="http://www.adresse.fr">
<input type="radio" name="group1" value="Milk"> Milk<br>
<input type="radio" name="group1" value="Butter" checked> Butter<br>
<input type="radio" name="group1" value="Cheese"> Cheese
<input type="text" value="text" name="t" id="_t">
<input type="button" value="bla" onclick="test();">
<input type="hidden" value="" name="h" id="_h">
</form>
</body> 
 
<script>
function test() {
document.getElementById('_h').value ="du texte";
document.getElementById('_form').reset();
alert(document.getElementById('_h').value);
}
 
</script>

mon alert me retourne une chaine vide a cause de la méthode reset appeler sur mon formulaire.

Reset remet les champs du formulaire à la forme initiale. CAD si ton champs hidden ne contient rien initialement et que dans une fonction javascript tu lui donne une value et que ensuite tu applique la fonction reset sur ton formulaire ... et bien ton champs hidden va reprendre sa valeur par defaut CAD une chaine vide

**Poussy-Puce** · 06/02/2006, 20h12

Je sais pas pourquoi ça fonctionne pas

J'ai un hidden avec mon form:

Code :

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

1
2
<form method="post" ACTION="<%= strLink1%>" target="_self" id="_form1" name="form1">
<input type="hidden" name="listeProg" value="<%= strProgramme%>">

Ensuite avec un bouton j'active ma fonction

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
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
function ChangementDemande(idDemande)
{
	var numDemande
	if (idDemande < 0)
		idDemande = 0;
	else
	{	
		if (parseInt(idDemande) > parseInt(document.getElementById('maxId').value))
		{
			idDemande = 0;
		}
	}
 
	if (parseInt(idDemande) == 0)
		numDemande = "";
	else
		numDemande = idDemande;
 
	/*document.getElementById('programme').value = "";
	document.getElementById('listeProg').value = "";
	document.getElementById('fichier').value = "";
	document.getElementById('listefichier').value = "";
	document.form1.listeProg.value = "";
	document.form1.fichier.value = "";
	document.form1.listeFichier.value = "";
	document.form1.responsable.value = "";*/
	//document.getElementById('form1').reset(); 
	document.getElementById('_form1').reset();
	document.getElementById('id').value = numDemande;
	//document.form1.id.value = numDemande;
	//form1.submit();
	SoumettreForm();
}

Et si je fait une Request.Form("listeProg") ça m'affiche encore la valeur de listeProg et pourtant la valeur de strProgramme que j'affiche dans mon hidden vient de mon Request.Form, si mon form est vide y'a rien dedans

**Poussy-Puce** · 06/02/2006, 20h13

J'crois que je vais continuer comme j'étais parti, je vais les vider un à un, ainsi ça fonctionne, c'est vraiment pas hot, mais c'est la seule méthode qui fonctionne

**kiwwi209** · 06/02/2006, 21h18

Tu peux peut -être essayer un truc du gout de :

document.form1.elements[] qui te récupérera le tableau de tous les elements du formulaire, après une boucle dessus pour affecter les valeurs à vide.

**denisC** · 07/02/2006, 09h11

Envoyé par Poussy-Puce

J'crois que je vais continuer comme j'étais parti, je vais les vider un à un, ainsi ça fonctionne, c'est vraiment pas hot, mais c'est la seule méthode qui fonctionne

Tu peux faire un:

Code :

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

1
2
 
document.getElementById("_form1").getElementsByTagName("input")

Qui te renverra un vecteur des inputs de ton formulaire. A partir de là, avec un minimum de vérfication sur le type des inputs (type=file en particulier n'est pas atteignable par script), tu remets tous les inputs de ton formulaire à 0. Après, il te reste à faire la même manoeuvre pour les textareas et les selects (enventuellement).

Vider un formulaire

JavaScript

Vue hybride

Discussions similaires

Partager

Partager