Criação do Projeto: Controles de Validação do ASP.NET – Parte 2

 Olá pessoal, neste artigo criaremos o projeto e faremos os exemplos práticos com os controles apresentados na parte anterior. Acompanhem:

 Crie o projeto do tipo Web Application dando a ele o nome ExemploControlesValidacao. Arraste para a Default.aspx um TextBox, um Button, um Label e um controle do tipo RequiredFieldValidator, como a imagem abaixo ilustra:

 Agora vamos associar o RequiredFieldValidator ao nosso TextBox. Para isso, na propriedade ControlToValidate dele, selecione o TextBox:

 Assim se o usuário não digitar nada no TextBox, nosso RequiredFieldValidator é ativado e exibe uma mensagem ao usuário. Altere também a propriedade ErrorMessage, que será justamente a mensagem de erro que exibiremos ao usuário caso nada seja digitado no TextBox e a propriedade ValidationGroup, que cria um grupo de validação vinculando assim o controle, o TextBox e o Button. Veja as propriedades citadas acima:

 No TextBox e no Button, na propriedade ValidationGroup, dê o mesmo nome dado no RequiredFieldValidator, para que assim eles tenham um vínculo. Agora dê dois cliques no Button e adicione o seguinte código:

protected void Button1_Click(object sender, EventArgs e)

{

Label1.Text = "Você digitou: " + TextBox1.Text;

}

 Assim, o que o usuário digitar no TextBox irá aparecer no Label. Aperte F5 para compilar o projeto e dê OK para permitir que o Web.Config compile a aplicação.

 Deixe o TextBox em branco e clique no Button para ver o RequiredFieldValidator entrar em ação:

 Agora digite algo e perceba que o controle desaparece e o código do evento click do Button é chamado:

 Desta forma sempre validamos para que o usuário não deixe de digitar algum campo obrigatório de um cadastro, por exemplo. Simples né? Vamos ao próximo controle.

 Volte ao modo Design da Default.aspx e arraste da ToolBox o controle RegularExpressionValidator, que usa expressões regulares para validação de controles.

 Como feito no controle anterior, indique o TextBox na propriedade ControlToValidate deste controle. Temos uma propriedade específica para este controle, que se chama ValidationExpression, que contém diversos tipos de validações prontas, como você pode ver na imagem a seguir:

 Perceba que podemos também criar nossas próprias expressões regulares, para validar praticamente qualquer coisa!

Futuramente criarei um (ou mais) artigo(s) sobre Expressões Regulares, aguardem!

 Escolha a expressão para e-mail, como a imagem acima ilustra. Agora aperte F5 para testar (não se esqueça de alterar a propriedade ErrorMessage):

 Digite um valor qualquer no TextBox e clique no Button:

 Agora digite um email válido e clique novamente:

 Bem simples né?

 Adicione agora mais um TextBox e um RequiredFieldValidator, alterando sua propriedade ControlToValidate para este TextBox. Adicione também o controle ValidationSummary, que nada mais do que um sumário com os meus controles de validação.

 Nele, altere a propriedade ShowMessageBox para True, assim exibiremos em um MessageBox as validações e seus resultados. Aperte F5 e veja o resultado:

 Simples né? Perceba que os controles são bem intuitivos e fazem praticamente tudo para você. Melhorando um pouco mais nosso exemplo, altere a propriedade Text dos controles RequiredFieldValidator e RegularExpressionValidator para *.

 Altere também a propriedade ShowSummary, do ValidationSummary, para False e compile a aplicação novamente. Clique no botão com o TextBox em branco e veja os resultados:

 Lembrando que posso diferenciar as validações, separando-as em grupos, por meio da propriedade ValidationGroup. Outra coisa: podemos fazer com que nosso Button não cause validação, alterando a propriedade CausesValidation dele para False. Dessa forma, ao clicarmos no Button, a página sofrerá PostBack, mais o TextBox não será validado.

 Assim finalizo o artigo. Na próxima parte finalizaremos nosso projeto com os três controles restantes de validações, aguardem!

 Um abraço, e até o próximo artigo.

 Wellington Balbo de Camargo

 wellingtonbalbo@gmail.com