ASP.NET MVC - Valideringar på klientsidan

Det huvudsakliga målet som vi måste följa när vi bygger applikationer bör vara användbarhet, det vill säga att applikationen verkligen hjälper användaren, att det underlättar deras liv och är enkelt att använda, eftersom vi garanterar att det inte kommer att glömmas.
En av aspekterna som kan göra skillnad är valideringar, detta beror på att när vi matar in mycket data måste vi ha en tydlig uppfattning när det är fel på orsaken, normalt hanteras de två valideringsnivåer, den första är på serversidan, det vill säga när vi tar emot data vi validerar som vi har fått och vi låter den passera eller inte och den andra är på klientsidan, detta valideras innan vi skickar data.
Valideringar på kundsidan
Betydelsen av dessa valideringar beror på den hastighet med vilken vi får resultatet av samma, till exempel har vi laddat 10 fält men av dem är 4 inte korrekta, utan ett valideringssteg i klienten dessa de ska gå till servern och sedan returnera svaretÄven om vi följer funktionaliteten, förlorar vi användaren några värdefulla sekunder, men om vi säger åt honom att verifiera hans data innan vi skickar informationen, räddar vi honom från att behöva skicka hela sidan.
DubbelkollaNär det gäller systemets stabilitet gör den dubbla verifieringen av data vår datastruktur mer robust, eftersom data eller fel datatyper förmodligen inte kommer in i våra modeller, vilket dramatiskt minskar antalet dödliga fel på grund av denna orsak i vår app.
Inkludera validering på kundsidan
För att göra en validering behöver vi inte mycket, vi kommer att använda jQuery och för detta, först enligt vår uppfattning kommer vi att inkludera motsvarande skript:

När detta är gjort måste vi bygga de element som vi ska validera, i det här fallet kommer vi att validera de inmatningsfält som vi kommer att lägga till motsvarande vår modell:

Vad pågår?Med användning av skript jQuery Vi ger vår funktionalitet ny funktionalitet, i bilden ser vi att vi har validerat titelfältOm vi ​​tittar ser vi några nya attribut i inmatningselementet, dessa är data-val, Dessa attribut fungerar tillsammans med valideringsbiblioteket i klienten och beroende på valideringen hoppar de när formulärhändelseshändelsen körs, om en validering misslyckas skickas inte formuläret, vilket sparar användaren från att behöva se formuläret igen. sida med felen markerade.
Sättet med denna validering till skillnad från andra är att om vi inte inkluderar skripten i vyn kommer det fortfarande att fungera, bara det kommer inte att finnas någon validering på klientsidan.
Med detta avslutar vi handledningen, som vi ser inklusive denna typ av validering är det väldigt enkelt om vi använder lämpliga bibliotek, i fallet med ASP.NET är det lämpligt att använda jquery.validate.unobtrusive.js som utvecklades av Microsoft för att uppfylla deras kodkvalitetsstandarder.Gillade du och hjälpte denna handledning?Du kan belöna författaren genom att trycka på den här knappen för att ge honom en positiv poäng