page à laquelle je me réfère:

https://developer.mozilla.org/fr/docs/Web/HTML/Element/Input/text

Il est indiqué que les input type text n'ont pas de mécanisme de validation automatique. Il faut donc attendre le clic sur le boutton submit ? Est-ce valable aussi pour type number... ? 

Les exmeples montrent une défaillance: même quand les inputs ne sont pas remplis, la croix s'affiche. Le vide est perçu comme une erreur.

Comment faire pour que chaque champ soit contrôlé au fur et à mesure ? Comment faire pour que le vide initial ne soit pas interprété par css comme une valeur fausse ? 

Si vous avez un lien web sur ces questions. Je cherche de mon côté sans succès jusque là. 

-
Edité par xakula 13 octobre 2020 à 23:29:58

Salut,

La vérification de la validité d'un champ se fait toujours au moment de l'envoi du formulaire dans lequel les champs se trouvent (pour peu que les champs concernés aient un attribut "required").

Le CSS dont tu parles (:valid et :invalid) n'attendent aucune forme de validation, et ne répondent qu'à deux états possibles : soit le champ rempli lesdites conditions, soit il ne les rempli pas. Il n'y a rien derrière ça. Ce n'est pas une défaillance, c'est comme ça que c'est sensé fonctionner.

Si tu veux faire une validation plus spécifique, c'est en JS et avec des classes que ça doit se faire. https://developer.mozilla.org/fr/docs/Web/Guide/HTML/Formulaires/Validation_donnees_formulaire

-
Edité par EmmanuelBeziat 14 octobre 2020 à 0:24:38

ok

Je parlais implicitement de défaillance de conception, et non d'exécution, du code par la personne qui a construit l'exemple. 

Un peu comme si l'on créait un alcotest qui indiquerait un taux illégal d'alcoolémie dans le cas d'un taux supérieur à la norme, mas aussi dans le cas où la personne n'aurait pas encore soufflé dans le ballon. 

-
Edité par xakula 14 octobre 2020 à 1:01:15