NUNCA MAIS PASSE RAIVA POR NÃO CONSEGUIR RESOLVER UM PROBLEMA COM O EXCEL - GARANTIDO!
UNIVERSIDADE DO VBA - Domine o VBA no Excel Criando Sistemas Completos - Passo a Passo - CLIQUE AQUI
Júlio Battisti tem mais de 50 livros publicados, centenas de e-books e é certificado Microsoft.
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”
