Concurrence soumission formulaires entre JS et bouton submit

Bonjour,

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

Code:

---

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).

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:

---

1 2 3 4

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

---

Code:

---

1 2 3 4

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

---

Citation:

---

Envoyé par curunir

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

Ensuite :

Code:

---

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:

---

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

---

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:

---

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 :

Citation:

---

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.