ASP.NET MVC - Validări pe partea clientului

Principalul obiectiv pe care trebuie să îl urmărim atunci când construim aplicații ar trebui să fie uzabilitate, adică aplicația îl ajută cu adevărat pe utilizator, că le ușurează viața și este ușor de utilizat, deoarece garantăm că nu va fi uitată.
Unul dintre aspectele care pot face diferența sunt validări, asta pentru că atunci când introducem o mulțime de date, trebuie să avem o idee clară atunci când există o defecțiune a cauzei, în mod normal, acestea sunt tratate două niveluri de validări, primul este de partea serverului, adică, atunci când primim datele, validăm că le-am primit și le lăsăm să treacă sau nu, iar al doilea este de partea clientului, acest lucru se validează înainte de a trimite datele.
Validări din partea clientului
Importanța acestor validări se datorează vitezei cu care primim rezultatul aceluiași, de exemplu, am încărcat 10 câmpuri, dar dintre ele 4 nu sunt corecte, fără o etapă de validare în client ar trebui să meargă la server și apoi să returneze răspunsulDeși respectăm funcționalitatea, pierdem utilizatorul câteva secunde valoroase, dar dacă îi spunem să își verifice datele înainte de a trimite informațiile, îl scutim de faptul că trebuie să trimită întreaga pagină.
Verificare dublăÎn ceea ce privește stabilitatea sistemului, dubla verificare a datelor face structura noastră de date mai robustă, deoarece datele sau tipurile de date greșite probabil nu intră în modelele noastre, reducând dramatic numărul de erori fatale din această cauză în aplicația noastră.
Includeți validarea din partea clientului
Pentru a face o validare nu prea avem nevoie de mult, vom folosi jQuery și pentru aceasta, mai întâi în viziunea noastră vom include scripturile corespunzătoare:

Odată ce acest lucru este făcut, trebuie să construim elementele pe care urmează să le validăm, în acest caz, vom valida câmpurile de intrare pe care le vom adăuga corespunzătoare modelului nostru:

Ce se întâmplă?Cu utilizarea scripturilor jQuery Oferim noi funcționalități formei noastre, în imagine vedem că am validat câmpul de titluDacă privim, vedem câteva atribute noi în elementul de intrare, acestea sunt data-val, Aceste atribute funcționează împreună cu biblioteca de validare din client și, în funcție de validare, vor sări atunci când evenimentul de trimitere a formularului este executat, dacă o validare eșuează, formularul nu este trimis, salvând utilizatorul de a fi nevoit să revadă formularul. pagina cu erorile marcate.
Modul în care se face această validare, spre deosebire de altele, este că, dacă nu includem scripturile în vizualizare, acesta va funcționa în continuare, doar că nu va exista validare din partea clientului.
Cu aceasta terminăm tutorialul, așa cum vedem includerea acestui tip de validare, este foarte simplu dacă folosim bibliotecile adecvate, în cazul ASP.NET este recomandabil să se utilizeze jquery.validate.unobtrusive.js care a fost dezvoltat de Microsoft pentru a îndeplini standardele lor de calitate a codului.V-a plăcut și ați ajutat acest tutorial?Puteți recompensa autorul apăsând acest buton pentru a-i oferi un punct pozitiv