ASP.NET MVC - Validations côté client

L'objectif principal que nous devons suivre lorsque nous construisons des applications devrait être la convivialité, c'est-à-dire que l'application aide vraiment l'utilisateur, qu'elle lui facilite la vie et qu'elle est simple à utiliser, car avec cela nous garantissons qu'elle ne sera pas oubliée.
L'un des aspects qui peuvent faire la différence sont les validations, c'est parce que lorsque nous saisissons beaucoup de données, nous devons avoir une idée claire lorsqu'il y a une défaillance de la cause, normalement elles sont traitées deux niveaux de validation, le premier est côté serveur, c'est-à-dire que lorsque nous recevons les données nous validons ce que nous avons reçu et nous les laissons passer ou non et le second est côté client, c'est valider avant d'envoyer les données.
Validations côté client
L'importance de ces validations est due à la rapidité avec laquelle nous recevons le résultat de la même, par exemple, nous avons chargé 10 champs mais d'entre eux 4 ne sont pas corrects, sans étape de validation dans le client ces ils doivent aller sur le serveur puis renvoyer la réponseBien que nous respections la fonctionnalité, nous perdons à l'utilisateur quelques secondes précieuses, mais si nous lui disons de vérifier ses données avant d'envoyer les informations, nous lui épargnons d'avoir à envoyer la page entière.
RevérifierEn ce qui concerne la stabilité du système, la double vérification des données rend notre structure de données plus robuste, car les données ou les types de données incorrects n'entrent probablement pas dans nos modèles, réduisant considérablement le nombre d'erreurs fatales dues à cette cause dans notre application.
Inclure la validation côté client
Pour faire une validation on n'a pas vraiment besoin de grand chose, on va utiliser jQuery et pour cela, d'abord à notre avis, nous allons inclure les scripts correspondants :

Une fois cela fait nous devons construire les éléments que nous allons valider, dans ce cas nous allons valider les champs de saisie que nous ajouterons correspondant à notre modèle :

Qu'est-ce qui se passe?Avec l'utilisation de scripts jQuery Nous donnons de nouvelles fonctionnalités à notre formulaire, dans l'image nous voyons que nous avons validé le champ de titreSi nous regardons, nous voyons de nouveaux attributs dans l'élément d'entrée, ce sont les valeur-données, Ces attributs fonctionnent en conjonction avec la bibliothèque de validation dans le client et en fonction de la validation, ils sauteront lorsque l'événement de soumission de formulaire est exécuté, si une validation échoue, le formulaire n'est pas envoyé, évitant ainsi à l'utilisateur de revoir le formulaire. page avec les erreurs marquées.
La façon dont cette validation est effectuée contrairement aux autres est que si nous n'incluons pas les scripts dans la vue, cela fonctionnera toujours, mais il n'y aura pas de validation côté client.
Avec cela, nous terminons le tutoriel, comme nous le voyons, y compris ce type de validation, c'est très simple si nous utilisons les bibliothèques appropriées, dans le cas d'ASP.NET, il est conseillé d'utiliser jquery.validate.unobtrusive.js qui a été développé par Microsoft afin de répondre à leurs normes de qualité de code.Avez-vous aimé et aidé ce tutoriel ?Vous pouvez récompenser l'auteur en appuyant sur ce bouton pour lui donner un point positif