Discussion :

[Mages]

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 :

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

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 :

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

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

[frfrance31]

Bonjour,

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

[Mages]

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

[dukoid]

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

[Mages]

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.

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.

[Mages]

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

Dans le fichier HTML:

Code :

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

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 :

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

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.