[Form] Impossible de rajouter un attribut name au bouton submit

Bonjour,

Afin d'accéder au bouton submit depuis un javascript j'ai besoin de lui donner un nom par l'attribut html "name".

Problème: le composant formulaire m'en empêche en me disant: "This form should not contain extra fields." lors de la vérification de la validité du formulaire.

Code qui marche:

Code:

---

1 2 3 4 5 6

<FORM action="{{ path('mon_path') }}" method="post"> {{ form_errors(form) }} <inputtype="submit" class="uneClasse" > {{ form_rest(form) }} </FORM>

---

Code qui ne marche plus:

Code:

---

1 2 3 4 5 6

<FORM action="{{ path('mon_path') }}" method="post"> {{ form_errors(form) }} <inputtype="submit" class="uneClasse" name="unNom"> {{ form_rest(form) }} </FORM>

---

Comment se fait-il que je ne puisse pas donner un name à ce bouton sans déclencher une erreur de validation?

C'est moi ou le composant formulaire est une usine à gaz mal pensée?

Note: la version 2.3 de symfony permet de rajouter un bouton directement dans le formulaire mais je suis sous 2.2.

Merci pour votre aide,
Mages

Bonjour,

Peut-être en utilisant une balise <button> plutôt qu'une <input>.

Merci mais j'ai déjà essayé. Même sentence... :?

et en passant par l'ID ? au lieu de name

Super, ça marche nickel avec l'ID. Merci beaucoup pour l'idée. Je suis nouveau en javascript donc je n'ai pas pensé à cette possibilité que je n'avais jamais utilisée auparavant. :ccool:

Je ne comprends toujours pas pourquoi Symfony empêche de mettre un attribut name (pour contrer une faille de sécurité liée à cet attribut peut-être...) mais ça résout mon problème.

Pour ceux qui débuteraient comme moi en javascript il faut faire:

Dans le fichier HTML:

Code:

---

1 2 3 4 5 6

<FORM action="{{ path('mon_path') }}" method="post"> {{ form_errors(form) }} <input id="submitbuttonid" type="submit" class="uneClasse" > {{ form_rest(form) }} </FORM>

---

Et dans le code javascript:

Code:

---

1 2 3

var mySubmitButton = document.getElementById("submitbuttonid"); mySubmitButton.style.display = "none";

---

Dans cet exemple je fais disparaître le bouton mais on peut accéder à tous les paramètres de l'élément HTML au besoin.

si tu débute javascript je te conseil fortement d'utiliser jQuery.

Jquery est une sorte de framework et comme tout bon framework le but est de simplifier la vie, gagner du temps, compatibilité, ...
biensur va falloir un temps d'apprentissage que tu gagnera au final durant X annèe.
et de plus tout le monde utilise jQuery


au lieu de :

Code:

---

1 2	var mySubmitButton = document.getElementById("submitbuttonid"); mySubmitButton.style.display = "none";

---

en jQuery :

Code:

---

1 2	$("#mySubmitButton").css('display', 'none');

---

Je vais me pencher là-dessus alors. Merci.