[4.x] Utilisation des validations / contraintes symfony 4.3

Utilisation des validations / contraintes symfony 4.3

Bonjour,

J'ai un problème avec la validation automatique sur symfony.
Ça n'affiche pas les messages d'erreurs.
J'ai configurer le fichier framework.yaml et mis les annotations
En plus je peux valider mon formulaire en supprimant le "required" dans le DOM avec "NotBlank" mais l'annotation Email marche bien.
Néanmoins les message ne s'affiche pas.
Merci d'éclairer ma lanterne et de m'aider à résoudre ce problème.

Cordialement :D

framework.yaml

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
framework:
    secret: '%env(APP_SECRET)%'
    #csrf_protection: true
    #http_method_override: true
 
    # Enables session support. Note that the session will ONLY be started if you read or write from it.
    # Remove or comment this section to explicitly disable session support.
    session:
        handler_id: null
        cookie_secure: auto
        cookie_samesite: lax
 
    #esi: true
    #fragments: true
    php_errors:
        log: true
 
    validation:
      { enable_annotations: true}

J'ai mis les annotation sur mes entités :

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
use Symfony\Component\Validator\Constraints as Assert;
 
/**
 * @ORM\Entity(repositoryClass="App\Repository\TuteurRepository")
 */
class Tuteur
{
    /**
     * @ORM\Id()
     * @ORM\GeneratedValue()
     * @ORM\Column(type="integer")
     */
    private $id;
 
    /**
     * @ORM\Column(type="string", length=255)
     * @Assert\NotBlank(message="Ne peut être vide")
     */
    private $nom;
 
    /**
     * @ORM\Column(type="string", length=255)
     * @Assert\NotBlank(message="Ne peut être vide")
     */
    private $prenom;

Ma vue:

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
<div class="container p-3">
    {{ form_start(form) }}
    <div class="row">{{ form_row(form.type) }}</div>
    <div class="row">
        {{ form_errors(form.nom) }}
        <div class="col-sm">{{ form_row(form.nom) }}</div>
        <div class="col-sm">{{ form_row(form.prenom) }}</div>
    </div>
    <div class="row">
        <div class="col-sm">{{ form_row(form.adresse) }}</div>
    </div>
    <div class="row">
        <div class="col-sm">{{ form_row(form.cp) }}</div>
        <div class="col-sm">{{ form_row(form.ville) }}</div>
    </div>
    <div class="row">
        <div class="col-sm">{{ form_row(form.telephoneMaison) }}</div>
        <div class="col-sm">{{ form_row(form.telephonePortable) }}</div>
        <div class="col-sm">{{ form_row(form.telephonePro) }}</div>
    </div>
    <div class="row">
        <div class="col-6">{{ form_row(form.email) }}</div>
    </div>

Salut,

Je ne suis pas certain de bien comprendre ce qui fonctionne ou non dans la phrase suivante, est-ce que tu peux être plus précis stp ?

Citation:

Envoyé par ketur78

En plus je peux valider mon formulaire en supprimant le "required" dans le DOM avec "NotBlank" mais l'annotation Email marche bien.

Sinon concernant le non affichage des messages d'erreurs, plusieurs remarques :
- peux-tu nous montrer l'intégralité de ton entité Tuteur stp ?
- idem pour la vue qui semble tronquer (il manque le form_end(), un </div>, ...)
- peux-tu aussi nous montrer le contenu de config/twig.yaml (là où on précise le thème de formulaire à utiliser)

Hello,

Avoir le code de l'action du controller serait aussi sympa. As tu bien respecté la syntax du form builder https://symfony.com/doc/current/best...ces/forms.html ? Un autre lien pertinent https://symfony.com/doc/current/form...omization.html

3 pièce(s) jointe(s)

Tout d'abord je vous remercie d'avoir pris le temps de répondre.

Citation:

Envoyé par _Thomas

Salut,
Je ne suis pas certain de bien comprendre ce qui fonctionne ou non dans la phrase suivante, est-ce que tu peux être plus précis stp ?

Je vais essayer d'être plus claire.

J'essaie de mettre en place la vérification du formulaire par les annotations. Mais j'ai l'impression que ça ne marche pas bien.
Je m'explique, par exemple le code suivant :

Code:

1
2
3
4
5
 /**
     * @ORM\Column(type="string", length=255)
     * @Assert\NotBlank(message="Ne peut etre vide")
     */
    private $nom;

Je dois pouvoir contrôler si le champs est vide et afficher un message d'erreur au dessus du champs si nécessaire. Mais d'une le message ne s'affiche pas et il y a un message générique dû au HTML.

Pièce jointe 500461

De plus, il est sensé avoir une vérification coté php mais quand je supprime le "required" du DOM, j'arrive a soumettre le formulaire.(Voir image ci-dessous).

Pièce jointe 500463

Par contre pour le code suivant :

Code:

1
2
3
4
5
6
 /**
     * @ORM\Column(type="string", length=255)
     * @Assert\NotBlank(message="Email requis")
     * @Assert\Email(message="Entrez un adresse mail valide")
     */
    private $email;

Même si je supprime le "required" ça contrôle quand même s'il y a un @ dans l'email, mais ça n'affiche toujours pas de message d'erreur sur le champs. PAr contre contre il y a un message comme pour le "nom".

Pièce jointe 500464

Entité Tuteur:

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
<?php
 
namespace App\Entity;
 
use Doctrine\Common\Collections\ArrayCollection;
use Doctrine\Common\Collections\Collection;
use Doctrine\ORM\Mapping as ORM;
use Symfony\Component\Validator\Constraints as Assert;
 
/**
 * @ORM\Entity(repositoryClass="App\Repository\TuteurRepository")
 */
class Tuteur
{
    /**
     * @ORM\Id()
     * @ORM\GeneratedValue()
     * @ORM\Column(type="integer")
     */
    private $id;
 
    /**
     * @ORM\Column(type="string", length=255)
     * @Assert\NotBlank(message="Ne peut etre vide")
     */
    private $nom;
 
    /**
     * @ORM\Column(type="string", length=255)
     * @Assert\NotBlank(message="Ne peut etre vide")
     */
    private $prenom;
 
    /**
     * @ORM\Column(type="string", length=255)
     * @Assert\NotBlank(message="Ne peut etre vide")
     */
    private $adresse;
 
    /**
     * @ORM\Column(type="string", length=5)
     * @Assert\NotBlank(message="Ne peut etre vide")
     * @Assert\Length(min="5",max="5",minMessage="entrez au minimum 5 caratères",
     *     maxMessage="entrez au maximium 5 caractères")
     */
    private $cp;
 
    /**
     * @ORM\Column(type="string", length=255)
     * @Assert\NotBlank(message="Ne peut etre vide")
     */
    private $ville;
 
    /**
     * @ORM\Column(type="string", length=255)
     * @Assert\Regex(
     *     pattern="/0[1-589][0-9]{8}/",
     *     htmlPattern="^0[1-589][0-9]{8}$",
     *     message="Il doit etre de la forme suivante"
     *)
     */
    private $telephoneMaison;
 
    /**
     * @ORM\Column(type="string", length=255)
     */
    private $telephonePortable;
 
    /**
     * @ORM\Column(type="string", length=255)
     */
    private $telephonePro;
 
    /**
     * @ORM\Column(type="string", length=255)
     * @Assert\NotBlank(message="Email requis")
     * @Assert\Email(message="Entrez un adresse mail valide")
     */
    private $email;
 
    /**
     * @ORM\Column(type="string", length=255)
     */
    private $type;
 
    /**
     * @ORM\ManyToMany(targetEntity="App\Entity\Enfant", mappedBy="tuteurs",cascade={"persist"})
     */
    private $enfants;
 
    public function __construct()
    {
        $this->enfants = new ArrayCollection();
    }
 
    public function getId(): ?int
    {
        return $this->id;
    }
 
    public function getNom(): ?string
    {
        return $this->nom;
    }
 
    public function setNom(string $nom): self
    {
        $this->nom = $nom;
 
        return $this;
    }
 
    public function getPrenom(): ?string
    {
        return $this->prenom;
    }
 
    public function setPrenom(string $prenom): self
    {
        $this->prenom = $prenom;
 
        return $this;
    }
 
    public function getAdresse(): ?string
    {
        return $this->adresse;
    }
 
    public function setAdresse(string $adresse): self
    {
        $this->adresse = $adresse;
 
        return $this;
    }
 
    public function getCp(): ?string
    {
        return $this->cp;
    }
 
    public function setCp(string $cp): self
    {
        $this->cp = $cp;
 
        return $this;
    }
 
    public function getVille(): ?string
    {
        return $this->ville;
    }
 
    public function setVille(string $ville): self
    {
        $this->ville = $ville;
 
        return $this;
    }
 
    public function getTelephoneMaison(): ?string
    {
        return $this->telephoneMaison;
    }
 
    public function setTelephoneMaison(string $telephoneMaison): self
    {
        $this->telephoneMaison = $telephoneMaison;
 
        return $this;
    }
 
    public function getTelephonePortable(): ?string
    {
        return $this->telephonePortable;
    }
 
    public function setTelephonePortable(string $telephonePortable): self
    {
        $this->telephonePortable = $telephonePortable;
 
        return $this;
    }
 
    public function getTelephonePro(): ?string
    {
        return $this->telephonePro;
    }
 
    public function setTelephonePro(string $telephonePro): self
    {
        $this->telephonePro = $telephonePro;
 
        return $this;
    }
 
    public function getEmail(): ?string
    {
        return $this->email;
    }
 
    public function setEmail(string $email): self
    {
        $this->email = $email;
 
        return $this;
    }
 
    public function getType(): ?string
    {
        return $this->type;
    }
 
    public function setType(string $type): self
    {
        $this->type = $type;
 
        return $this;
    }
 
    /**
     * @return Collection|Enfant[]
     */
    public function getEnfants(): Collection
    {
        return $this->enfants;
    }
 
    public function addEnfant(Enfant $enfant): self
    {
        if (!$this->enfants->contains($enfant)) {
            $this->enfants[] = $enfant;
            $enfant->addTuteur($this);
        }
 
        return $this;
    }
 
    public function removeEnfant(Enfant $enfant): self
    {
        if ($this->enfants->contains($enfant)) {
            $this->enfants->removeElement($enfant);
            $enfant->removeTuteur($this);
        }
 
        return $this;
    }
}

La vue:

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
{% extends 'base.html.twig' %}
 
{% block body %}
    <div class="container-fluid text-center p-3 bg-light"><h1>A propos de vous</h1></div>
 
<div class="container p-3">
    {{ form_start(form) }}
    <div class="row">{{ form_row(form.type) }}</div>
    <div class="row">
        {{ form_errors(form.nom) }}
        <div class="col-sm">{{ form_row(form.nom) }}</div>
        <div class="col-sm">{{ form_row(form.prenom) }}</div>
    </div>
    <div class="row">
        <div class="col-sm">{{ form_row(form.adresse) }}</div>
    </div>
    <div class="row">
        <div class="col-sm">{{ form_row(form.cp) }}</div>
        <div class="col-sm">{{ form_row(form.ville) }}</div>
    </div>
    <div class="row">
        <div class="col-sm">{{ form_row(form.telephoneMaison) }}</div>
        <div class="col-sm">{{ form_row(form.telephonePortable) }}</div>
        <div class="col-sm">{{ form_row(form.telephonePro) }}</div>
    </div>
    <div class="row">
        <div class="col-6">{{ form_row(form.email) }}</div>
    </div>
    <div class="row">
        <div class="col-sm">
{#            <input type="submit" name="oui" value="Ajouter un autre tuteur" class="btn btn-success">#}
            {{ form_row(form.oui) }}
        </div>
        <div class="col-sm">
{#            <input type="submit" name="non" value="Passez à l'enregistrement des enfants" class="btn btn-success">#}
            {{ form_row(form.non) }}
        </div>
    </div>
 
    {{ form_end(form) }}
</div>
{% endblock %}

twig:yaml :

Code:

1
2
3
4
5
twig:
    default_path: '%kernel.project_dir%/templates'
    debug: '%kernel.debug%'
    strict_variables: '%kernel.debug%'
    form_themes: ['bootstrap_4_layout.html.twig']

bout de code du controller :

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
    /**
     * @Route("/tuteurform", name="tuteurform")
     */
    public function tuteurForm(Request $request, SessionInterface $session)
    {
 
        $tuteur = new Tuteur();
 
        $form = $this->createForm(TuteurType::class, $tuteur)
            ->add('oui', SubmitType::class, ['label' => "Ajouter un autre tuteur"])
            ->add('non', SubmitType::class, ['label' => "Passez à l'enregistrement des enfants"]);
 
        $form->handleRequest($request);
 
 
        if ($form->getClickedButton()) {
 
            $tuteurs = $session->get('tuteurs');
            if ($tuteurs === null) {
                $tuteurs = array();
            }
            $tuteurs[] = $tuteur;
            $session->set('tuteurs', $tuteurs);
 
 
            if ('oui' === $form->getClickedButton()->getName()) {
                return $this->redirectToRoute('tuteurform');
 
            } elseif ('non' === $form->getClickedButton()->getName()) {
                return $this->redirectToRoute('enfantform');
            }
 
 
 
        }

TuteurType pour creer le formulaire:

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
<?php
 
namespace App\Form;
 
use App\Entity\Tuteur;
use Symfony\Component\Form\AbstractType;
use Symfony\Component\Form\Extension\Core\Type\ChoiceType;
use Symfony\Component\Form\FormBuilderInterface;
use Symfony\Component\OptionsResolver\OptionsResolver;
 
class TuteurType extends AbstractType
{
    public function buildForm(FormBuilderInterface $builder, array $options)
    {
        $builder
            ->add('nom')
            ->add('prenom')
            ->add('adresse')
            ->add('cp')
            ->add('ville')
            ->add('telephoneMaison')
            ->add('telephonePortable')
            ->add('telephonePro')
            ->add('email')
            ->add('type',
                ChoiceType::class, [
                    'choices' => [
                        'père' => 'père',
                        'mère' => 'mère',
                        'tuteur' => 'tuteur'
                    ],
                    'placeholder' => 'Choix du parent',
                    'required' => true,
                    'label' => 'Choix du parent'
                ])
            //            ->add('enfants')
        ;
    }
 
    public function configureOptions(OptionsResolver $resolver)
    {
        $resolver->setDefaults([
            'data_class' => Tuteur::class,
        ]);
    }
}

Merci pour ces précisions ! :)

Pour info tu peux désactiver la validation HTML5 réalisée par le navigateur en ajoutant l'attribut "novalidate" au formulaire : https://symfony.com/doc/current/form...tml-validation (ça évite de devoir modifier le DOM pour vérifier la validation côté serveur).

Ensuite dans ton contrôleur, si je ne dis pas de bêtise "handleRequest" déclenche la validation lorsque que le formulaire est posté ; or dans ton code actuel, tu ne vérifies pas, lorsque le formulaire été soumis, s'il est valide ou non. Voir ici la structure type d'un contrôleur qui gère l'affichage et le traitement d'un formulaire : https://symfony.com/doc/current/form...tml-validation

Merci beaucoup Thomas pour l'explication.
Tu avais raison.
Comme j'avais plusieurs bouton "submit", d'après la doc (https://symfony.com/doc/current/form...e_buttons.html) on pouvais tester le bouton sur lequel j'avais cliquer.
Donc du coup ni je testais la soumission ni la validation.

Donc la ça marche et merci beaucoup pour le temps que vous m'avez donner Kevin et toi.