Projet

Général

Profil

Development #48278

formulaire et validation HTML5 (champ email)

Ajouté par Thomas Jund il y a plus de 3 ans. Mis à jour il y a plus de 3 ans.

Statut:
Fermé
Priorité:
Normal
Assigné à:
-
Version cible:
-
Début:
04 novembre 2020
Echéance:
% réalisé:

0%

Temps estimé:
Patch proposed:
Oui
Planning:
Non

Description

La validation HTML5 à la volée des champs des demandes est activée par défaut.

On ne s'en rend pas compte, car on utilise pas les attributs `pattern` ou `required`.
On peut le remarquer sur les champs qui ont un pattern de validation par défaut, comme le champ "courriel".

Dans le cas d'une mauvaise saisie d'un champ email, le navigateur va valider ou invalider la valeur du champ lors d'un `blur` (perte du focus) et afficher le design par défaut si invalide et la bulle avec un message d'erreur en anglais si le champ reste invalide lors de la tentative de validation du formulaire.

Le style et l'interface des messages d'alerte et des champs invalides est différente de celle de la page de validation de Publik.

Là, quelques questions :

  • On conserve la validation navigateur parce que ce serait bien d'aller dans ce sens et on cherche à l'uniformiser niveau CSS avec notre système de validation (genre on applique la class `.error` sur les widgets qui ont des `input:invalid` .
  • On dégage complètement la validation HTML5 sur les demandes pour le moment pour éviter cette superposition de système de validation, parce que c'est pas encore super au point, comme l'impossibilité de styler les messages d'erreurs.

Fichiers

Révisions associées

Révision 8cf6f3c0 (diff)
Ajouté par Frédéric Péters il y a plus de 3 ans

general: disable HTML5 form validation (#48278)

Historique

#1

Mis à jour par Frédéric Péters il y a plus de 3 ans

Je suis plutôt pour taper un novalidate sur les <form>.

#2

Mis à jour par Frédéric Péters il y a plus de 3 ans

Mais je ne sais pas (et je n'ai pas testé) à quel point le novalidate sur le formulaire va servir, ou s'il faut être explicite et aller taper un formnovalidate sur l'<input>.

#3

Mis à jour par Thomas Jund il y a plus de 3 ans

Testé sur la branch, `novalidate` sur le form suffit.
Cela désactive complètement la validation par le browser.

#4

Mis à jour par Frédéric Péters il y a plus de 3 ans

Merci pour les tests.

#5

Mis à jour par Thomas Jund il y a plus de 3 ans

  • Statut changé de Solution proposée à Solution validée
#6

Mis à jour par Frédéric Péters il y a plus de 3 ans

  • Statut changé de Solution validée à Résolu (à déployer)
commit 8cf6f3c0dc1c8e1bd3be5b9383f1e32f39630f8b
Author: Frédéric Péters <fpeters@entrouvert.com>
Date:   Wed Nov 4 12:54:30 2020 +0100

    general: disable HTML5 form validation (#48278)
#7

Mis à jour par Frédéric Péters il y a plus de 3 ans

  • Statut changé de Résolu (à déployer) à Solution déployée

Formats disponibles : Atom PDF