Formulaire en plusieurs etapes

Version imprimable

07/10/2004, 12h38
maimba

Formulaire en plusieurs etapes

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
07/10/2004, 13h28
javatwister

salut

Citation:

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
07/10/2004, 13h43
ryan

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?

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

Code:

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>

07/10/2004, 13h58
maimba

Citation:

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.
07/10/2004, 14h12
ryan

Re-yop!

Citation:

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 :P

Yan
Protéger la nature, écrasez un chasseur!
07/10/2004, 14h12
maimba

Citation:

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 :D :D c'est exactement ce que je voulais faire. Ca m'evitera d'utiliser deux formulaires
Vraiment merci beaucoup ainsi que tous les autres :lol: :lol: :lol: :wink:

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

Code:

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>

(merci patriceguic) :wink:

07/10/2004, 14h48
maimba

Citation:

Envoyé par javatwister

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

je peux mourir tranquille maintenant je suis heureux. Est ce l'effet que cela vous quand on vous donne un code genial?[/quote]