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.

[dukoid]

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 :

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

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

en jQuery :

Code :

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

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

[Mages]

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