ASP.NET MVC - Validaties aan clientzijde

Het belangrijkste doel dat we moeten volgen wanneer we applicaties bouwen, moet zijn: bruikbaarheid, dat wil zeggen dat de applicatie de gebruiker echt helpt, dat het hun leven gemakkelijker maakt en eenvoudig te gebruiken is, omdat we hiermee garanderen dat het niet zal worden vergeten.
Een van de aspecten die het verschil kunnen maken, zijn de validaties, dit komt omdat wanneer we veel gegevens invoeren, we een duidelijk idee moeten hebben wanneer er een storing is van de oorzaak, normaal worden ze afgehandeld twee validatieniveaus, de eerste is aan de serverzijde, dat wil zeggen, wanneer we de gegevens ontvangen die we valideren die we hebben ontvangen en we laten het passeren of niet en de tweede is aan de clientzijde, dit valideert voordat we de gegevens verzenden.
Validaties aan de clientzijde
Het belang van deze validaties is te wijten aan de snelheid waarmee we het resultaat van hetzelfde ontvangen, we hebben bijvoorbeeld 10 velden geladen, maar daarvan zijn er 4 niet correct, zonder een validatiefase in de client deze ze moeten naar de server gaan en dan het antwoord terugsturenHoewel we voldoen aan de functionaliteit, verliezen we de gebruiker een paar waardevolle seconden, maar als we hem vertellen zijn gegevens te verifiëren voordat hij de informatie verzendt, besparen we hem de hele pagina te moeten verzenden.
Dubbel CheckWat de stabiliteit van het systeem betreft, maakt de dubbele verificatie van de gegevens onze gegevensstructuur robuuster, aangezien gegevens of verkeerde gegevenstypes waarschijnlijk niet in onze modellen komen, waardoor het aantal fatale fouten als gevolg van deze oorzaak in onze app drastisch wordt verminderd.
Validatie aan de clientzijde opnemen
Om een ​​validatie te doen, hebben we niet veel nodig, we gaan gebruiken jQuery en hiervoor gaan we naar onze mening eerst de bijbehorende scripts opnemen:

Zodra dit is gebeurd, moeten we de elementen bouwen die we gaan valideren, in dit geval gaan we de invoervelden valideren die we zullen toevoegen die overeenkomen met ons model:

Wat gebeurd er?Met behulp van scripts jQuery We geven nieuwe functionaliteit aan ons formulier, in de afbeelding zien we dat we de . hebben gevalideerd titelveldAls we kijken, zien we enkele nieuwe attributen in het invoerelement, dit zijn de data-val, Deze attributen werken samen met de validatiebibliotheek in de client en afhankelijk van de validatie zullen ze springen wanneer de formulierverzendingsgebeurtenis wordt uitgevoerd. Als een validatie mislukt, wordt het formulier niet verzonden, waardoor de gebruiker het formulier niet opnieuw hoeft te zien. pagina met de fouten gemarkeerd.
De manier waarop deze validatie in tegenstelling tot andere wordt gedaan, is dat als we de scripts niet in de view opnemen, het nog steeds zal werken, alleen is er geen validatie aan de clientzijde.
Hiermee ronden we de tutorial af, zoals we zien inclusief dit type validatie is het heel eenvoudig als we de juiste bibliotheken gebruiken, in het geval van ASP.NET is het raadzaam om te gebruiken jquery.validate.unobtrusive.js die door Microsoft is ontwikkeld om te voldoen aan hun kwaliteitsnormen voor code.Vond je deze Tutorial leuk en heb je eraan geholpen?Je kunt de auteur belonen door op deze knop te drukken om hem een ​​positief punt te geven