ASP.NET MVC - Valideringer på klientsiden

Hovedmålet vi må følge når vi bygger applikasjoner, bør være brukervennlighet, det vil si at programmet virkelig hjelper brukeren, at det gjør livet deres lettere og er enkelt å bruke, siden vi garanterer at det ikke blir glemt.
Et av aspektene som kan gjøre en forskjell er valideringer, dette er fordi når vi legger inn mye data må vi ha en klar idé når årsaken er feil, normalt blir de håndtert to nivåer av valideringer, den første er på serversiden, det vil si når vi mottar dataene vi validerer som vi har mottatt og vi lar den passere eller ikke, og den andre er på klientsiden, dette validerer før vi sender dataene.
Valideringer på kundesiden
Betydningen av disse valideringene skyldes hastigheten vi mottar resultatet av det samme, for eksempel har vi lastet 10 felt, men av dem er 4 ikke riktige, uten et valideringstrinn i klienten disse de bør gå til serveren og deretter returnere svaretSelv om vi overholder funksjonaliteten, mister vi brukeren noen verdifulle sekunder, men hvis vi ber ham om å bekrefte dataene sine før vi sender informasjonen, redder vi ham fra å måtte sende hele siden.
Dobbel sjekkNår det gjelder systemets stabilitet, gjør den doble verifiseringen av dataene datastrukturen vår mer robust, siden data eller feil datatyper sannsynligvis ikke kommer inn i modellene våre, noe som reduserer antallet dødelige feil på grunn av denne årsaken i appen dramatisk.
Inkluder validering på klientsiden
For å gjøre en validering trenger vi egentlig ikke mye, vi skal bruke jQuery og for dette, først etter vårt syn, skal vi inkludere de tilsvarende skriptene:

Når dette er gjort må vi bygge elementene som vi skal validere, i dette tilfellet skal vi validere inndatafeltene som vi vil legge til tilsvarende modellen vår:

Hva skjer?Med bruk av skript jQuery Vi gir ny funksjonalitet til skjemaet vårt, på bildet ser vi at vi har validert tittelfeltHvis vi ser ser vi noen nye attributter i inngangselementet, disse er data-val, Disse attributtene fungerer sammen med valideringsbiblioteket i klienten, og avhengig av valideringen hopper de når skjemainnleveringshendelsen utføres, hvis en validering mislykkes, sendes ikke skjemaet, noe som sparer brukeren for å måtte se skjemaet igjen. side med feilene merket.
Måten denne valideringen utføres på i motsetning til andre er at hvis vi ikke inkluderer skriptene i visningen, vil det fortsatt fungere, bare det vil ikke være noen validering på klientsiden.
Med dette fullfører vi opplæringen, som vi ser inkludert denne typen validering er det veldig enkelt hvis vi bruker de riktige bibliotekene, i tilfelle ASP.NET er det tilrådelig å bruke jquery.validate.unobtrusive.js som ble utviklet av Microsoft for å oppfylle standardene for kodekvalitet.Likte og hjalp du denne opplæringen?Du kan belønne forfatteren ved å trykke på denne knappen for å gi ham et positivt poeng