Formulaire en plusieurs etapes

**maimba** · 07/10/2004, 12h38

Bonjour
je veux faire un formulaire qui saisi les informations sur plusieurs pages . Par exemple vous lui donnez votre nom et prenom et le nombre de frere que vous avez . Il vous presente un nombre egal de champs text pour que vous remplissiez leurs nom je ne sais pas trop comment m'y prendre.

Merci d'avance

**javatwister** · 07/10/2004, 13h28

salut

je ne sais pas trop comment m'y prendre

déjà, ton système de saisie sur plusieurs pages, rédige-le en langage clair, fais-en un dessin si tu veux et montre-nous ce que ça donne: personne ne pourra t'aider si tu ne sais pas ce que tu cherches;

après, renseigne-toi de ton côté (pas sur le forum, qui n'est pas fait pour ça) sur ce qu'est un formulaire et comment on le conçoit ( avec la part de html, javascript, asp, php...): ça te permettra de poser des questions efficaces

**ryan** · 07/10/2004, 13h43

Yop!

Deux types de solutions pour ton pb:

1er solution:
Ajouter les champs côté client en fonction du nombre de frères. Cette solution te permettrait de tout faire en une seule page. Pour cela, tu auras besoin de javascript.

2eme solution:
Soumettre le formulaire. Dans la seconde page, faire une boucle qui affichera le nombre de champs en fonction du paramètre qu'elle aura reçu de la première page. Cela peut être fait en php, asp, coldfusion,...

A toi de voir...

Yan
En forme? Certes, mais en forme de quoi?

**patriceguic** · 07/10/2004, 13h54

Je sais pas si c'est ça que tu veux, mais ça fonctionne et tu peux l'adapter à ton besoin.

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
 
<html>
<head>
<script language="javascript">
function formulaire(nbre){
document.getElementById('enfant').innerHTML="";
   if(nbre>0)
     for(i=1;i<=nbre;i++)
	document.getElementById('enfant').innerHTML+="Enfant "+i+" <input type=text><br>";
}
</script>
</head>
<body>
Nom : <input type=text><br>Pr&eacute;nom : <input type=text><br>
Nombre de freres et soeurs : <input type=text onchange='formulaire(this.value)'><br>
<hr>
<div id='enfant'></div>
</body>
</html>

**maimba** · 07/10/2004, 13h58

Envoyé par ryan

Yop!

2eme solution:
Soumettre le formulaire. Dans la seconde page, faire une boucle qui affichera le nombre de champs en fonction du paramètre qu'elle aura reçu de la première page. Cela peut être fait en php, asp, coldfusion,...

Merci de votre reponse.
Oui j'utilise une ServLet coté serveur mais donc serai-je obligé de generer un nouveau formulaire avec un nouveau bouton submit?

Pour monsieur javatwister je veux que la validation du formulaire se face en deux etapes et que les informations de l'etapes precedente soient disponibles et utilisés aprés un premier submit.

Merci d'avance.

**ryan** · 07/10/2004, 14h12

Re-yop!

Envoyé par maimba

Oui j'utilise une ServLet coté serveur mais donc serai-je obligé de generer un nouveau formulaire avec un nouveau bouton submit?

Ha bin voui, puisque tu tiens à utiliser deux formulaires, il te faudra deux boutons submit, un dans chaque formulaire

Yan
Protéger la nature, écrasez un chasseur!

**maimba** · 07/10/2004, 14h12

Envoyé par patriceguic

Je sais pas si c'est ça que tu veux, mais ça fonctionne et tu peux l'adapter à ton besoin.

Oui c'est genial

c'est exactement ce que je voulais faire. Ca m'evitera d'utiliser deux formulaires
Vraiment merci beaucoup ainsi que tous les autres

**javatwister** · 07/10/2004, 14h43

à ce moment-là, juste pour faire un truc compatible et pouvoir soumettre les données dans la foulée:

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
<script type="text/javascript"> 
function formulaire(nbre){ 
// le champ "frères et soeurs" est-il un entier entre 1 et 9?
if(!/^\d$/.test(nbre)){alert('non');nbre=0};
 
// on supprime tous les champs éventuels déjà créés dans le div
var plus=document.getElementById('opt');
for(i=plus.childNodes.length-1;i>-1;i--){
plus.removeChild(plus.childNodes[i])
}
 
// pour chaque frère et soeur, on crée un champ text avec attribut "name"
for(i=0;i<nbre;i++){
var fr=document.createElement('input');
var ret=document.createElement('br');
fr.type='text';
fr.name='fr'+i;
plus.appendChild(fr)
plus.appendChild(ret)
};
} 
</script> 
</head> 
<body> 
<form id="f" action="" method="post">
<div id="main">
<label for="nom">Nom: </label><input type="text" id="nom" name="nom" /><br>
<label for="prenom">Prénom: </label><input type="text" id="prenom" name="prenom" /><br>
<label for="frere">Nombre de frères et soeurs : </label><input type="text" size="2" id="frere" name="frere" onchange="formulaire(this.value)" /><br> 
</main>
<div id="opt">
</div>
</form>