Soumettre deux formulaires dans la même fonction.

Version imprimable

15/11/2006, 16h08
Bisûnûrs

Soumettre deux formulaires dans la même fonction.

Bonjour,

J'ai deux formulaires dans une page et j'ai besoin de récupérer les valeurs des deux formulaires.
Seulement quand on soumet le premier ça n'envoie pas les valeurs du second et vice-versa.

J'ai essayé de combiner deux submit(); l'un à la suite de l'autre, mais ça n'envoie que les valeurs de la seconde déclaration.

Je ne peux pas tout mettre dans le même formulaire étant donné que ce sont deux modules différents inclus dans une même page.

Une idée ?

Merci. =)
15/11/2006, 16h22
jac3n

Et bien, 1) fusionne tes 2 form
2), lors de tel ou tel submit, change le parametre action du formulaire (ou pas justement)

Tu devrais pouvoir récuperer les valeurs que tu veut en te creusant un peut ;)
15/11/2006, 16h28
Bisûnûrs

Citation:

Envoyé par jac3n

Et bien, 1) fusionne tes 2 form

Citation:

Envoyé par Bisûnûrs

Je ne peux pas tout mettre dans le même formulaire étant donné que ce sont deux modules différents inclus dans une même page.

Citation:

Envoyé par jac3n

2), lors de tel ou tel submit, change le parametre action du formulaire (ou pas justement)

Les données sont envoyées en POST sur le clic d'un bouton radio du premier formulaire. Donc changer l'action ne servirait à priori à rien, à moins que je ne me trompe.
15/11/2006, 17h26
Matthieu2000

ouvre 1 autre fenetre!
utilise des frames
ajax
15/11/2006, 20h14
jac3n

Il va pas se compliquer avec le ajax 8O

Fait donc voir ton code source pliz =)

C'est comme ça que tu veux faire?

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
 
<form name="form1" id="frm1">
<input TYPE="text" name="text1" />
<input TYPE="radio" name="soumettre" onClick="if(this.checked==true){envoyer()}" />
</form>
 
<form name="form2" id="frm2">
<input TYPE="text" name="text2" value="form2" />
</form>
 
 
<script language="javascript">
function envoyer() {
document.location = "page.html?valeur1=" + document.form1.text1.value + "&valeur2=" + document.form2.text2.value
}
</script>

@Lerin : Non, mes valeurs sont passées en POST et non en GET. Sinon ça aurait été effectivement plus simple.

@jac3n : Pour simplifier, voilà ce que j'avais tenté de faire :

Code:

1
2
3
4
5
6
7
8
<form action="" method="post" name="form1">
   <input type="text" value="<?=$_REQUEST['champ1']?>" name="champ1" id="champ1" />
   <input type="button" value="ok" onclick="soumettre()" />
</form>
 
<form action="" method="post" name="form2">
   <input type="text" value="<?=$_REQUEST['champ2']?>" name="champ2" id="champ2" />
</form>

Code:

1
2
3
4
function soumettre(){
   document.forms[0].submit();
   document.forms[1].submit();
}

Mais évidemment ça ne fonctionne pas, il n'y en a qu'un seul envoyé, le dernier.

J'ai résolu mon problème, mais il y a sans doute moins compliqué ... :

Code:

1
2
3
4
5
6
7
8
function fusion(form1){
   var newInput = document.createElement('input');
   newInput.type = document.getElementById('champ2').type;
   newInput.name = document.getElementById('champ2').name;
   newInput.value = document.getElementById('champ2').value;
   newInput.style.display = "none";
   form1.appendChild(newInput);
}

Code:

1
2
3
4
5
6
7
8
9
10
<form action="" method="post" name="form1" onsubmit="fusion(this)">
   <input type="text" value="<?=$_REQUEST['champ1']?>" name="champ1" id="champ1" />
   <input type="submit" value="ok" />
</form>
 
<form action="" method="post" name="form2">
   <input type="text" value="<?=$_REQUEST['champ2']?>" name="champ2" id="champ2" />
</form>
 
<? print_r($_REQUEST); ?>