Les problèmes de validation de saisie sont liés aux formulaires de site web. Que ce soit une page entière demandant des informations personnelles ou simplement un champ pour entrer une adresse e-mail afin de t'inscrire à une newsletter, cette validation est essentielle car elle vérifie au moins l'un des scénarios suivants: tu as saisi des informations dans un champ obligatoire, tu as saisi le type correct d'informations et tu as suivi le format attendu.

Si le scénario nécessaire n'est pas respecté, le système t'indiquera que la saisie est invalide, généralement en affichant des erreurs comme un message à côté du champ de saisie correspondant, en montrant un résumé de toutes les erreurs en haut du formulaire, ou en utilisant des notifications contextuelles.

Parfois, l'erreur est fournie sous la forme de commentaires visuels, des indices visuels pour mettre en évidence les champs avec une saisie incorrecte. Cela peut inclure le changement de la couleur de fond du champ, l'ajout d'une icône ou d'une bordure, ou l'application d'autres indicateurs visuels pour attirer l'attention sur la saisie problématique.

Une compréhension solide de la manière dont les formulaires sont validés est cruciale pour mener des tests approfondis.

En fonction de la conception, certaines informations d'utilisateurs peuvent être plus critiques que d'autres; c'est pourquoi parfois des formulaires acceptent des lettres dans un champ de numéro de téléphone ou des chiffres dans un champ de nom de famille, et c'est également pourquoi les sites web valident les saisies d'utilisateurs différemment.

Voyons comment une validation pourrait être mise en œuvre pour guider tes tests afin d'éviter les erreurs courantes lors des tests.

Si le système de validation se produit seulement après l'envoi de la saisie au serveur, ce type de mise en œuvre est appelé validation côté serveur, dans lequel un serveur web effectue la validation après que tu as généralement cliqué sur un bouton comme ❝Soumettre❞ ou ❝Envoyer❞.

Cependant, la validation la plus couramment mise en œuvre est lorsque tu, en tant qu'utilisateur final, t'attends à ce qu'une validation soit déclenchée lors de la saisie d'une saisie incorrecte. Ce type de validation attendue est effectué localement par le navigateur et est appelé validation côté client, où le cas idéal est de voir un message rouge affiché à côté du champ pour te dire ce qui s'est mal passé.

Cependant, lorsque les messages rouges attendus n'apparaissent pas après une saisie incorrecte, la raison la plus probable n'est pas un bogue mais un système de validation différent qui a été mis en œuvre.

L'une des façons les plus courantes de mettre en œuvre ce système de validation est dans le champ d'adresse e-mail.

D'autre part, une troisième option qui pourrait être mise en œuvre est la validation hybride (Double Validation) qui combine la validation côté serveur et côté client pour un processus de validation plus complet. Elle tire parti des avantages des deux approches.

La validation côté client aide à fournir une rétroaction instantanée à toi et améliore ton expérience utilisateur, tandis que la validation côté serveur garantit l'intégrité des données et la sécurité du système. Avec la validation hybride, les données du formulaire sont validées à la fois côté client et côté serveur, offrant une couche supplémentaire de validation et augmentant ta fiabilité globale du formulaire.

Ainsi, chaque fois que tu testes un formulaire, considère ces trois façons de valider ta saisie avant de soumettre un rapport de bogue pour éviter les rejets et dynamiser efficacement ton processus de test.