Web Controls - Parte III

 

Olá pessoal,

 

Hoje iremos concluir a nossa série de introdução aos Web Controls, e para fechar com chave de ouro, vamos aprender a validar informações de um formulário.

 

Em ASP ou mesmo Visual Basic, era comum criar rotinas gigantescas, com vários tipos de algoritmos, e no final, a validação do formulário ainda deixava a desejar. Em ASP.net tudo mudou, pois, o ambiente concede ao desenvolvedor a facilidade de validar os dados sem precisar escrever uma linha de código sequer.

 

Então, vem aquela velha pergunta. “Se é programador, porque se evita utilizar códigos?”. O paradigma atual no mundo da programação retrata uma nova visão quanto ás novas linguagens e os novos ambientes. O desenvolvimento com base em códigos nunca foi tão objetivo. Foi com esta intenção que a Microsoft investiu tanto no .Net Framework, onde os códigos ficam realmente voltados para o objetivo dos negócios, fazendo com que as rotinas básicas sejam encapsuladas em componentes e Wizards. Vamos ao nosso objetivo:

 

Objetivo : O objetivo deste tutorial é orientar ao desenvolvedor a validar dados em uma aplicação que utilize WebForms.

 

Vamos lá, abra um novo arquivo ASPX, vamos primeiramente adicionar um HTML element para organizar a nossa aplicação. Clique na guia HTML Elements e escolha a opção GroupBox:

 

 

Este componente é bem simples de utilizar. Clique sobre o GroupBox, e cline no menu Format, opção Style:

 

Formate seu controle de acordo com o seu gosto.

 

 

Após formatar, clique duas vezes sobre a parte da legenda (Legend) e digite Cadastro de Funcionários. Veja como ficou:

 

 

Vamos inserir os seguintes WebControls, seguidos pelo ID correspondente:

 

- TextBox: txtNome

- TextBox: txtDataDeNascimento

- TextBox: txtCPF

- TextBox: txtEmail

- Button: btnEnviar – Text:Enviar

 

Para validação, insira os seguintes controles:

 

- 1 RequiredFieldValidator

- 1 RegularExpressionValidator

- 2 RangeValidator

 

 

Clique no controle RequiredFieldValidator, vá na guia Propriedades, e na propriedade ErrorMessage digite “Digite o seu nome”. Na propriedade ControlToValidate, selecione o controle txtNome para vincular este campo à validação. Veja:

 

 

Com isso estamos definindo que o campo txtNome será obrigatório o seu preenchimento.

 

Clique no primeiro controle RangeValidator1 para validar a data de nascimento, e configure as seguintes propriedades:

 

ErrorMessage= Digite uma data válida.

Type = Date

ControlToValidate = txtDataDeNascimento.

MaximumValue=31/12/1990

MinimumValue=01/01/1980

 

Obs: Para esta simulação de cadastro, foi determinado que nenhuma pessoa que nasceu antes do ano de 1980 ou depois do ano de 1990 poderá efetuar o cadastro.

 

Clique no primeiro controle RangeValidator2 para validar o CPF, e configure as seguintes propriedades:

 

ErrorMessage= Digite um CPF válido.

Type = Double

ControlToValidate = txtCpf

MaximumValue=9999999999

MinimumValue=1111111111

 

Obs: Note que o valor mínimo e o valor máximo foram ajustados para que sejam obrigatoriamente digitados, valores de 11 dígitos, o que caracteriza o CPF.

 

Para validar o E-mail é um pouquinho diferente, clique sobre o controle RegularExpressionValidator1, e ajuste as seguintes propriedades:

 

ErrorMessage= Digite um CPF válido.

ControlToValidate = txtEmail

 

Para validar o tipo de dado a ser inserido, encontre a propriedade ValidationExpression:

 

 

Clique na caixa de configuração para escolher o tipo de expressão:

 

 

Escolha a opção Internet E-mail Addres e clique em Ok.

 

Pronto a sua aplicação já está validada, vamos fazer um teste!

 

Pressione F5.

 

 

Veja que validação entra em ação antes mesmo da página ser enviada.

 

Agora vamos melhorar a forma de exibição das mensagens de erro:

 

Volte para o ambiente do WebMatrix, e insira na parte superior o controle ValidationSummary, e formate-o a seu gosto. Veja:

 

 

Como as mensagens de erro vão aparecer todas juntas no controle ValidationSummary, temos que desabilitar a exibição das mensagens individualmente. Para isso, basta ajustar a propriedade Display de cada controle de validação para a valor NONE. Veja:

 

 

Vamos testar novamente. Agora haverá uma diferença, pois as mensagens de erro serão exibidas após a tentativa de enviar a página:

 

 

Mais uma dica: Caso queira exibir as mensagens de erro em uma caixa de diálogo do tipo Alerta, configure as propriedades do ValidationSummary ShowMessageBox=True e ShowSummary=False, veja:

 

 

Testando pela última vez:

 

 

The End!

 

Lano de Castro

“Se não se pode vencer pelo talento, vença pelo esforço”