ASP.NET MVC - Ověření na straně klienta

Hlavním cílem, který musíme při vytváření aplikací dodržovat, by měl být použitelnost, to znamená, že aplikace uživateli opravdu pomáhá, že mu usnadňuje život a snadno se používá, protože tímto zaručujeme, že na něj nezapomeneme.
Jedním z aspektů, které mohou něco změnit, je validaceJe to proto, že když zadáváme velké množství údajů, musíme mít jasnou představu o tom, kdy došlo k selhání příčiny, normálně se s nimi pracuje dvě úrovně ověření, první je na straně serveru, to znamená, že když přijmeme data, která ověříme, že jsme obdrželi, a necháme je projít nebo ne, a druhá je na straně klienta, toto se ověřuje před odesláním dat.
Ověření na straně klienta
Důležitost těchto validací je dána rychlostí, s jakou obdržíme stejný výsledek, například jsme nahráli 10 polí, ale 4 z nich nejsou správná, bez fáze validace v klientovi tyto měli by jít na server a potom vrátit odpověďPřestože funkcionalitu dodržujeme, ztrácíme uživateli několik cenných sekund, ale pokud mu řekneme, aby si před odesláním informací ověřil svá data, zachráníme ho před odesláním celé stránky.
Zkontrolovat dvakrátPokud jde o stabilitu systému, díky dvojímu ověření dat je naše datová struktura robustnější, protože data nebo nesprávné datové typy pravděpodobně nevstupují do našich modelů, což dramaticky snižuje počet fatálních chyb způsobených touto příčinou v naší aplikaci.
Zahrnout ověření na straně klienta
K ověření toho ve skutečnosti moc nepotřebujeme, použijeme jQuery a za tímto účelem nejprve zahrneme odpovídající skripty:

Jakmile to bude hotové, musíme vytvořit prvky, které se chystáme ověřit, v tomto případě budeme ověřovat vstupní pole, která přidáme odpovídající našemu modelu:

Co se děje?S využitím skriptů jQuery Formuláři dáváme nové funkce, na obrázku vidíme, že jsme ověřili titulní polePokud se podíváme, vidíme ve vstupním prvku nějaké nové atributy, jsou to tyto data-val, Tyto atributy fungují ve spojení s knihovnou ověřování v klientovi a v závislosti na ověření přeskočí při spuštění události odeslání formuláře, pokud se ověření nezdaří, formulář nebude odeslán, což ušetří uživateli, aby musel formulář znovu vidět. stránka s označenými chybami.
Tato validace se na rozdíl od ostatních provádí tak, že pokud skripty nezahrneme do pohledu, bude stále fungovat, pouze na straně klienta nebude žádná validace.
Tímto tutoriál dokončíme, protože vidíme, že včetně tohoto typu ověření je velmi jednoduché, pokud použijeme příslušné knihovny, v případě ASP.NET je vhodné použít jquery.validate.unobtrusive.js který byl vyvinut společností Microsoft za účelem splnění jejich standardů kvality kódu.Líbil se vám tento návod a pomohl mu?Autora můžete odměnit stisknutím tohoto tlačítka, čímž mu dáte kladný bod