ASP.NET MVC - Проверки от страна на клиента

Основната цел, която трябва да следваме, когато създаваме приложения, трябва да бъде използваемост, тоест, че приложението наистина помага на потребителя, че улеснява живота им и е лесно за използване, тъй като с това гарантираме, че няма да бъде забравено.
Един от аспектите, които могат да направят разлика, са валидации, това е така, защото когато въвеждаме много данни, трябва да имаме ясна представа, когато има причина за повреда, обикновено те се обработват две нива на валидиране, първият е от страна на сървъра, тоест, когато получим данните, които потвърждаваме, че сме получили и го оставяме да премине или не, а вторият е от страна на клиента, това е валидиране преди изпращане на данните.
Проверки от страна на клиента
Важността на тези валидации се дължи на скоростта, с която получаваме резултата от същото, например, зареждаме 10 полета, но от тях 4 не са правилни, без етап на валидиране в клиента тези те трябва да отидат на сървъра и след това да върнат отговораВъпреки че спазваме функционалността, губим от потребителя няколко ценни секунди, но ако му кажем да потвърди данните си, преди да изпрати информацията, го спасяваме от необходимостта да изпраща цялата страница.
Двойна проверкаЩо се отнася до стабилността на системата, двойната проверка на данните прави нашата структура от данни по -стабилна, тъй като данните или грешните типове данни вероятно не влизат в нашите модели, намалявайки драстично броя на фаталните грешки поради тази причина в нашето приложение.
Включете валидиране от страна на клиента
За да направим валидиране, всъщност не се нуждаем от много, ще използваме jQuery и за това първо според нас ще включим съответните скриптове:

След като това бъде направено, ние трябва да изградим елементите, които ще потвърдим, в този случай ще потвърдим входните полета, които ще добавим, съответстващи на нашия модел:

Какво става?С използването на скриптове jQuery Ние даваме нова функционалност на нашата форма, в изображението виждаме, че сме потвърдили поле за заглавиеАко погледнем, виждаме някои нови атрибути във входния елемент, това са data-val, Тези атрибути работят заедно с библиотеката за валидиране в клиента и в зависимост от валидирането те ще скочат, когато се изпълни събитието за изпращане на формуляр, ако валидирането не успее, формулярът не се изпраща, което спестява на потребителя да не трябва да вижда отново формуляра. страница с маркирани грешки.
Начинът, по който това валидиране се извършва за разлика от други, е, че ако не включим скриптовете в изгледа, той все още ще работи, само че няма да има валидиране от страна на клиента.
С това завършваме урока, тъй като виждаме включването на този тип валидиране е много просто, ако използваме подходящите библиотеки, в случая на ASP.NET е препоръчително да се използва jquery.validate.unobtrusive.js която е разработена от Microsoft с цел да отговори на техните стандарти за качество на кода.Хареса ли ви и помогнахте на този урок?Можете да възнаградите автора, като натиснете този бутон, за да му дадете положителна точка