ASP.NET MVC - walidacje po stronie klienta

Głównym celem, którym musimy się kierować przy tworzeniu aplikacji, powinno być: użyteczność, to znaczy, że aplikacja naprawdę pomaga użytkownikowi, że ułatwia mu życie i jest prosta w użyciu, ponieważ dzięki temu gwarantujemy, że nie zostanie zapomniany.
Jednym z aspektów, które mogą coś zmienić, są walidacjeDzieje się tak dlatego, że gdy wprowadzamy dużo danych, musimy mieć jasne pojęcie, kiedy jest awaria przyczyny, zwykle są one obsługiwane dwa poziomy walidacji, pierwszy znajduje się po stronie serwera, to znaczy, gdy otrzymujemy dane, które weryfikujemy, które otrzymaliśmy i przepuszczamy je lub nie, a drugi jest po stronie klienta, jest to walidacja przed wysłaniem danych.
Walidacje po stronie klienta
Znaczenie tych walidacji wynika z szybkości, z jaką otrzymujemy wynik tego samego, np. załadowaliśmy 10 pól ale z nich 4 nie są poprawne, bez etapu walidacji w kliencie te powinni udać się na serwer, a następnie zwrócić odpowiedźWprawdzie przestrzegamy funkcjonalności, tracimy użytkownikowi kilka cennych sekund, ale jeśli powiemy mu, aby przed wysłaniem informacji zweryfikował swoje dane, uchronimy go przed koniecznością przesłania całej strony.
Podwójne sprawdzenieJeśli chodzi o stabilność systemu, podwójna weryfikacja danych sprawia, że ​​nasza struktura danych jest bardziej niezawodna, ponieważ dane lub nieprawidłowe typy danych prawdopodobnie nie wchodzą do naszych modeli, co znacznie zmniejsza liczbę błędów krytycznych z tego powodu w naszej aplikacji.
Uwzględnij walidację po stronie klienta
Do przeprowadzenia walidacji tak naprawdę nie potrzebujemy wiele, będziemy używać jQuery i w tym celu najpierw naszym zdaniem uwzględnimy odpowiednie skrypty:

Gdy to zrobimy, musimy zbudować elementy, które zamierzamy walidować, w tym przypadku będziemy walidować pola wejściowe, które dodamy odpowiadające naszemu modelowi:

Co się dzieje?Za pomocą skryptów jQuery Dajemy nową funkcjonalność naszemu formularzowi, na obrazie, który widzimy, że zwalidowaliśmy pole tytułuJeśli spojrzymy, zobaczymy nowe atrybuty w elemencie input, są to wartość-danych, Te atrybuty działają w połączeniu z biblioteką walidacji w kliencie i w zależności od walidacji przeskakują po wykonaniu zdarzenia przesłania formularza, jeśli walidacja nie powiedzie się, formularz nie zostanie wysłany, oszczędzając użytkownikowi konieczności ponownego przeglądania formularza. strona z zaznaczonymi błędami.
Sposób, w jaki ta walidacja jest wykonywana w przeciwieństwie do innych, polega na tym, że jeśli nie uwzględnimy skryptów w widoku, nadal będzie działać, tylko nie będzie walidacji po stronie klienta.
Na tym kończymy tutorial, jak widzimy włączenie tego typu walidacji jest bardzo proste jeśli korzystamy z odpowiednich bibliotek, w przypadku ASP.NET wskazane jest użycie jquery.validate.unobtrusive.js który został opracowany przez Microsoft w celu spełnienia standardów jakości kodu.Podobał Ci się i pomógł ten samouczek?Możesz nagrodzić autora, naciskając ten przycisk, aby dać mu pozytywny punkt