Archives: validation

La validation d'un formulaire Web est une tâche complexe. Il faut en effet s'assurer que les données entrées par l'usager correspondent au format attendu, qu'elles soient valables et qu'elles ne compromettent pas la sécurité du site Web.

Normalement, une fois que l'usager a cliqué sur le bouton de soumission, les données entrées devraient être valides puisque la validation a déjà été effectuée côté client. Cependant, comme cette validation peut être désactivée, il est absolument nécessaire de refaire la validation côté serveur.

Voici les étapes permettant de bien valider les données d'un formulaire avec PHP.

La validation d'un formulaire Web côté client est essentielle. C'est elle qui permet d'informer l'usager le plus rapidement lorsqu'il entre des informations invalides.

En fait, les éléments visuels devraient déjà avoir averti l'usager de certaines règles à suivre : astérisque (*) devant les informations obligatoires, texte indiquant le format attendu, taille des zones de texte pour indiquer la taille de ce qui est attendu, etc. Mais ces éléments visuels ne sont qu'indicatifs. Ils n'effectuent pas de validation.

La validation côté client peut être effectuée à l'aide d'attributs HTML ou à l'aide de JavaScript, avec ou sans jQuery.

La façon la plus simple de définir les colonnes du GridView consiste à utiliser un BoundField pour chaque champ à afficher. Le BoundField génère un Label dont la valeur correspond aux données lues dans la BD. Et lorsqu'une ligne du GridView passe en mode édition, le Label se transforme automatiquement en TextBox.

Nous aurons parfois besoin de plus de contrôle sur l'affichage des données, que ce soit en mode affichage ou en mode édition. À ce moment, on laissera tomber le BoundField pour un TemplateField, qui est beacoup plus flexible.

Voici quelques figures de cas :

• Si on voulait ajouter un lien dans une cellule, le TemplateField serait notre allié.
• On pourrait également utiliser le TemplateField pour afficher une image de crochet ou de X selon la valeur d'un champ booléen.
• En mode édition, on pourrait avoir besoin d'un validateur qui accompagne le TextBox afin d'assurer qu'une valeur ne soit pas nulle ou qu'un nombre contienne une valeur numérique.
• Si on reprend l'exemple du champ booléen, le TemplateField nous permettrait de remplacer l'image par un CheckBox lorsqu'on passe en mode édition.
• Dernier exemple : lorsqu'on affiche la valeur d'une clé étrangère, il serait intéressant d'obtenir un DropDownList lorsqu'on passe en mode édition.

La validation est un aspect important de la programmation d'un formulaire Web.

La validation doit comprendre trois volets :

• Dès que l'usager voit le formulaire, il doit connaître les éléments de validation qui seront effectués : * devant les informations obligatoires, texte qui indique le format attendu pour un téléphone, etc. Ces éléments peuvent être affichés à l'aide de libellés, à l'aide de bulles d'aide ou encore à l'aide de watermarks.

  

• Une validation doit être effectuée côté client afin que l'usager soit informé des éléments à corriger dès que l'information est entrée. Cette validation peut être effectuée à l'aide d'attributs HTML5, de JavaScript ou de contrôles serveur de validation ASP.NET.
• Et finalement la validation doit être effectuée côté serveur afin d'assurer que les informations invalides ne puissent pas être acceptées dans le cas où l'usager aurait désactivé JavaScript sur son navigateur. Les contrôles serveur de validation se chargent d'effectuer la validation côté serveur mais le développeur doit prendre quelques précautions pour empêcher l'enregistrement des informations en cas de valeurs non valides. Il est à noter que les validations HTML5 auront lieu même si JavaScript est désactivé.

Les contrôles serveur ASP.NET sont des balises spéciales pouvant être manipulées côté serveur. Une fois le traitement côté serveur effectué, les contrôles seront généralement transformés en balises HTML. 

Certains contrôles serveur seront plutôt transformés en code JavaScript ou seront utilisés pour effectuer une opération spéciale, comme par exemple un accès à la base de données.

On reconnaît les contrôles serveur par leur attribut « runat="server" ».