Validação de Formulário Web no ASP .NET

Olá pessoal, mostrarei como é fácil desenvolver em ASP.NET uma validação de formulário, então mãos a obra.

Neste exemplo será utilizado a versão beta 2 da próxima versão do Microsoft Visual Studio .NET 2005, essa versão beta é apenas para web (Visual Web Developer 2005 Express Edition Beta 2).

Clique em Iniciar -> Programas -> Visual Web Developer 2005 Express Edition Beta 2. Abrirá uma janela como a mostrada na Figura 1.

Figura 1 - Tela Principal do Visual Web Developer 2005 Express Edition Beta 2.

Clique em File -> New Web Site e aparecerá uma janela, selecione ASP.NET Web Site, em Language escolha Visual C#, digite o nome do arquivo como ValidacaoWeb e clique em OK, como mostra na Figura 2.

A seguinte janela aparecerá (Figura 3).

Figura 3 - Modo Source

A janela abre direto no código (Source) do site, para visualizarmos a parte de layout, basta clicarmos em Design, que aparecerá o seguinte (Figura 4):

Para desenvolver a validação utilizaremos das propriedades os componentes de validação (Figura 5):

Figura 5 - Componentes de Validação

Iremos agora começar a desenvolver nosso exemplo. Digite no formulário Nome, Celular, E-Mail, e coloque do lado deles 1 componente TextBox para cada um dos 3 campos.

Também iremos adicionar 2 botões, na Tabela 1, é mostrado a configuração de cada componente.

Tabela 1 - Configuração dos Componentes

Veja na Figura 6, como ficará o nosso formulário.

Figura 6

Agora veremos como validar o nosso formulário, vamos supor que todos os campos são obrigatório.

Coloque no formulário três componentes RequiredFieldValidator da aba Validation, um ValidationSummary e um RegularExpressionValidator.

O que fará esses 3 componentes?

O RequiredFieldValidator será responsavel por verificar se o campo digitado está ou não vazio.

O RegularExpressionValidator é responsavel por verificar se o e-mail digitado é correto, ou seja, se possui @, ponto, etc.

O ValidationSummary é o responsável por jogar uma mensagem na tela seja em JavaScript ou em texto simples.

Na Tabela 2, estão as configurações de cada componente e dos botões, explicarei depois cada configuração.

Tabela 2 - Configuração dos Componentes

No componente RegularExpressionValidator, selecione a propriedade ValidationExpression e clique nos 3 pontos, e aparecerá uma janela (Figura 7), selecione Internet e-mail address e clique em OK.

Figura 7 - Configuração da propriedade ValidationExpression

Explicando as propriedades que usamos:

CausesValidation - essa propriedade usada no botão serve para indicar qual o botão que ao ser clicado chamará as validações para ver se o campo está ou não vazio / inválido, caso nao colocasse como true no botão Enviar e false no botão Limpar, ao clicar em qualquer um dos botões iria chamar a validação.

ControlToValidade - essa propriedade do componente RequiredFieldValidator serve para indicar qual o campo será verificado.

ErrorMessage - essa propriedade serve para enviar uma mensagem na tela.

SetFocusOnError - essa propriedade coloca o foco no campo que estiver incorreto.

Display - a propriedade estando marcada como none não exibirá mensagem no ValidationSummary, apenas na mensagem em JavaScript.

ShowMessageBox - essa propriedade setada como True, faz com que seja exibida uma mensagem em JavaScript para o usuário, indicando o erro.

ShowSummary - essa propriedade setada como False, faz com que as mensagens de erro não apareçam no ValidatioSummary, pois aí apareceriam mensagem na MessageBox junto com as do ShowSummary (ValidationSummary).

Agora é só testar o exemplo, clicando na tecla F5. Na Figura 8 veremos o resultado.

Figura 8 - Aplicação sendo rodada, ao clicar em Enviar, exibe a mensagem de erro.