Discussion :

[curunir]

Bonjour,

je suis tombé sur un cas un peu tordu pour une page html contenant deux formulaires, du type :

Code :

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

1
2
3
4
5
<form name="1" action="1" />
 
<form name="2" action="2" >
<input type="submit" onclick="forms['1'].submit();">
</form>

Question : quel formulaire est réellement soumis lorsqu'on clique sur le bouton submit ?

D'après l'expérience du html que l'on m'a donné à récupérer, c'est le formulaire 1 qui sera soumis.

Mais les choses sont différentes si le serveur web est configuré en https, alors la c'est le formulaire 2 qui est soumis, du moins avec Firefox 3.5.

L'interprétation que j'ai est qu'il y a des politiques de sécurité intégrées à FF qui font que sur des sites https, on ne peut pas soumettre un formulaire autre que celui sur lequel on a cliqué sur un bouton de type submit. Mais je n'ai pas trouvé de sources pouvant étayer cette interprétation, alors votre avis ? ( outre le fait que c'est idiot dans l'absolu d'utiliser un bouton submit pour exécuter un autre formulaire je sais).

[Macmillenium]

Bonjour,

Tout d'abord, form n'est pas une balise auto-fermante.
Ensuite, tu ne peux pas imbriquer deux forms, les DTDs (X)HTML ne l'autorisent pas, ceci dit, il est possible que les parser HTML excluent l'un des forms du DOM généré.

Il faut obligatoirement avoir la structure suivante :

Code html :

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

1
2
3
4
 
<form name="1" action="1">
<input type="submit" onclick="forms['1'].submit();">
</form>

Code html :

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

1
2
3
4
 
<form name="2" action="2" >
<input type="submit" onclick="forms['2'].submit();">
</form>

on ne peut pas soumettre un formulaire autre que celui sur lequel on a cliqué sur un bouton de type submit.

Ce qui est très logique

[Bovino]

Ensuite :

Code :

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

onclick="forms['1'].submit();"

A part pour IE, la collection de formulaires forms est une propriété de l'objet document, il faut donc le préciser :

Code :

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

onclick="document.forms['1'].submit();"

[curunir]

J'ai écrit l'exemple rapidement pour illustrer, le vrai code est en fait généré par des tags jsp. Les formulaires ne sont pas imbriqués et le code du bouton ressemble plus à

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
<form id="form1" action="xzz">
<input...
</form>
 
<form id="form2" action="xx">
<input type="submit" value="Blabla" onclick="deleteMessage()" />
</form>
 
<script language="javascript">
function deleteMessage(){
  	document.getElementById("form1").submit();
}
</script>

Bon, ceci n'étant pas le but de mon propos mais plutôt :

Ce qui est très logique

Peut-être logique mais pas systématique, je soulignais la différence du comportement selon que l'on soit en http ou https.