ASP.NET MVC - Validações do lado do cliente

O principal objetivo que devemos seguir quando construímos aplicativos deve ser o usabilidade, ou seja, o aplicativo ajuda muito o usuário, que facilita sua vida e é simples de usar, já que com isso garantimos que não será esquecido.
Um dos aspectos que podem fazer a diferença são os validações, isso porque quando estamos inserindo uma grande quantidade de dados precisamos ter uma ideia clara quando há uma falha da causa, normalmente eles são tratados dois níveis de validações, o primeiro está do lado do servidor, ou seja, quando recebemos os dados validamos que recebemos e deixamos passar ou não e o segundo está do lado do cliente, isso é validar antes de enviar os dados.
Validações do lado do cliente
A importância dessas validações se deve à rapidez com que recebemos o resultado das mesmas, por exemplo, carregamos 10 campos mas deles 4 não estão corretos, sem uma etapa de validação no cliente estes eles devem ir para o servidor e, em seguida, retornar a respostaApesar de cumprirmos a funcionalidade, perdemos alguns segundos valiosos para o usuário, mas se lhe dissermos para verificar seus dados antes de enviar a informação, o salvamos de ter que enviar a página inteira.
Dupla verificaçãoEm relação à estabilidade do sistema, a dupla verificação dos dados torna nossa estrutura de dados mais robusta, já que dados ou tipos de dados errados provavelmente não entram em nossos modelos, reduzindo drasticamente o número de erros fatais por esta causa em nosso aplicativo.
Incluir validação do lado do cliente
Para fazer uma validação, realmente não precisamos de muito, vamos usar jQuery e para isso, primeiro em nossa visão, vamos incluir os scripts correspondentes:

Feito isso, devemos construir os elementos que vamos validar, neste caso vamos validar os campos de entrada que adicionaremos correspondentes ao nosso modelo:

O que está acontecendo?Com o uso de scripts jQuery Damos nova funcionalidade ao nosso formulário, na imagem vemos que validamos o campo de títuloSe olharmos, vemos alguns novos atributos no elemento de entrada, estes são os data-val, Esses atributos trabalham em conjunto com a biblioteca de validação no cliente e dependendo da validação irão pular quando o evento de envio do formulário for executado, se a validação falhar, o formulário não é enviado, evitando que o usuário tenha que ver o formulário novamente. página com os erros marcados.
A forma como essa validação é feita ao contrário de outras é que, se não incluirmos os scripts na visualização, ela ainda funcionará, mas não haverá validação no lado do cliente.
Com isso terminamos o tutorial, como vemos incluindo este tipo de validação é muito simples se usarmos as bibliotecas apropriadas, no caso do ASP.NET é aconselhável usar jquery.validate.unobtrusive.js que foi desenvolvido pela Microsoft para atender aos seus padrões de qualidade de código.Gostou e ajudou este tutorial?Você pode recompensar o autor pressionando este botão para dar a ele um ponto positivo