ASP.NET - Usando os controles de validação

ASP.NET - Usando os controles de validação

Neste artigo você vai aprender como validar uma entrada de usuário com informações em um banco de dados. Efetuar o login é uma das principais ações que exigem realizar tal validação. Para efetuar o login o usuário informa geralmente um nome e uma senha,e , se você estiver efetuando a autenticação usando banco de dados, vai precisar efetuar a validação destas informações com informações pré-gravadas em um banco de dados.

Você deverá ter instalado o Visual Web Developer e o SQL Server 2005 Express Edition para acompanhar este artigo.

A partir do momento que você decidiu implementar a validação dos dados de um usuário deverá criar uma tabela onde deverá armazenar as informações que pretende validar. Neste exemplo eu vou criar uma tabela chamada Usuarios no banco de dados Clientes.mdf já existente. Veja abaixo como criar a tabela Usuarios:

Nota: Para saber como criar o banco de dados e a tabela em detalhes leia o artigo:

.NET 2005 - Usando o SQL Server Management Studio

Criando a tabela Usuarios no banco de dados Clientes.mdf

- Clique com o botão direito do mouse sobre o objeto Tables e selecione a opção Add New Table

- A seguir defina a estrutura da tabela com os seguintes campos:

codigoUsuario - nvarchar(12)
senha - nvarchar(12)
ativo - bit

Criada a tabela vamos incluir o banco de dados Clientes.mdf na pasta especial do projeto chamada App_Data e definir a string de conexão a ser usada.

Incluindo o banco de dados Clientes.mdf na pasta App_Data

- Na janela Solution Explorer, clique com o botão direito do mouse sobre a pasta App_Data e selecione Add Existing Item

- Selecione o banco de dados Clientes.mdf a partir do local onde ele foi inicialmente criado. No meu caso na pasta d:\teste\

Pronto , o banco de dados já foi incluído na pasta App_Data.

A string de conexão deverá ser incluída no arquivo de configuração da aplicação : web.config conforme abaixo:

....
<configuration>
   <connectionStrings>
       <add name="dbConnectionString"
         connectionString= "Data Source=.\SQLEXPRESS;AttachDbFilename=D:\aspnet\validaBD\App_Data\clientes.mdf;Integrated Security=True;User Instance=True"/>
</connectionStrings>
......

Vamos agora criar um projeto WEB usando o Visual Web Developer. Abra o VWD e selecione a opção Create - Web Site ou no menu File selecione New Web Site.

Será criado novo projeto Web contendo o arquivo padrão default.aspx o arquivo web.config e a pasta App_Data.

Selecione o arquivo default.aspx e no modo Design inclua na página os seguintes controles:

Table HTML
ValidationSummary
CustomValidator
RequeridFieldValidator
TextBox
Label
Button <input> HTML

Abaixo,na figura 1.0, temos o leiaute da página default.aspx com os controles incluídos e na figura 2.0 um pequeno ajuste com algumas perfumarias.


Figura 1.0	Figura 2.0

Note que estou exibindo um imagem no controle RequeridFieldValidator. As imagens estão armazenadas na pasta imagens que foi criada no projeto da seguinte forma:

Na janela Solution Explorer selecione o projeto e clique com o botão direito do mouse
A seguir selecione a opção New Folder e informe o nome imagens
Para incluir as imagens na pasta clique com o botão direito do mouse sobre ela e selecione Add Existing Item
A seguir selecione as imagens que deseja incluir

O código completo da página Default.aspx é dado a seguir :

<%@ Page Language="VB" AutoEventWireup="false" CodeFile="Default.aspx.vb" Inherits="_Default" Debug="true" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<title>Validando dados em uma página WEB</title>

</head>

<body>

<tr>

<asp:ValidationSummary id="vsErros" Runat="server"

CssClass="textoAlerta"

DisplayMode="BulletList"

EnableClientScript="True"

HeaderText="Erro" Font-Bold="True" Font-Size="Larger" />

<asp:CustomValidator id="cvAutenticacao" Runat="server"

Display="None"

EnableClientScript="False"

ErrorMessage="Login ID ou Senha inválidos."

OnServerValidate="cvAutenticacao_ServerValidate" Width="174px" Font-Bold="True" />

</td>

</tr>

<tr>

<span style="color: #3300cc; font-family: Comic Sans MS">Macoratti.net - Quase tudo para ASP.NET</span></td>

</tr>

<tr>

<td class="LabelText">Login :

</td>

<asp:TextBox id="txtLoginID" Runat="server"

Columns="30" CssClass="LabelText" Width="198px" />

<asp:RequiredFieldValidator id="rfvLoginID"

Runat="server"

ControlToValidate="txtLoginID"

CssClass="textoAlerta"

Display="Dynamic"

EnableClientScript="True"

ErrorMessage="Sua identificação de login é obrigatória.">

</asp:RequiredFieldValidator>

</td>

</tr>

<tr>

Senha:

</td>

<asp:TextBox id="txtPassword" Runat="server"

TextMode="Password"

Columns="30" CssClass="LabelText" />

<asp:RequiredFieldValidator id="rfvPassword"

Runat="server"

ControlToValidate="txtPassword"

CssClass="textoAlerta"

Display="Dynamic"

EnableClientScript="True"

ErrorMessage="A senha é obrigatória">

</asp:RequiredFieldValidator>

</td>

</tr>

<tr>

<br/>

<input id="btnLogin" runat="server" type="button"

value="Login" causesvalidation="true"

onserverclick="btnLogin_Click" style="width: 80px"/>

</td>

</tr>

</table>

</form>

</body>

</html>

O código da página acima é obtido realizando a configuração dos controles da página. Teremos que criar o código para tratar os eventos Click no botão de Login e do evento ServerValidate que efetuará a validação dos dados da página.

Para isso inclua o seguinte código no arquivo code-behind default.aspx.vb:

Option Explicit On

Option Strict On

Imports System.Configuration.ConfigurationManager

Imports System.Data

Imports System.Data.SqlClient

Partial Class _Default

Inherits System.Web.UI.Page

Protected Sub cvAutenticacao_ServerValidate(ByVal source As Object, ByVal args As ServerValidateEventArgs)

Dim dbConn As SqlConnection = Nothing

Dim dCmd As SqlCommand = Nothing

Dim strConnection As String

Dim strSQL As String

Try

'inicialmente assumimos que as credenciais são inválidas

args.IsValid = False

'obtem a string de conexão a partir do web.config e abre a conexão com o banco de dados

strConnection = ConnectionStrings("dbConnectionString").ConnectionString

dbConn = New SqlClient.SqlConnection(strConnection)

dbConn.Open()

'constroi a string de consulta para verificar se as credenciais do usuário existem 'no banco de dados

strSQL = "SELECT codigoUsuario FROM Usuarios " & "WHERE codigoUsuario=@codigoUsuario AND " & "senha=@senha"

dCmd = New SqlCommand(strSQL, dbConn)

dCmd.Parameters.Add(New SqlParameter("codigoUsuario", txtLoginID.Text))

dCmd.Parameters.Add(New SqlParameter("senha", txtPassword.Text))

'verifica se o usuário foi encontrado

If (Not IsNothing(dCmd.ExecuteScalar())) Then

args.IsValid = True

End If

Finally

'limpa os objetos da memoria

If (Not IsNothing(dbConn)) Then

dbConn.Close()

End If

End Try

End Sub

Protected Sub btnLogin_Click(ByVal sender As Object, ByVal e As System.EventArgs) Handles btnLogin.ServerClick

If (Page.IsValid) Then

Response.Redirect("bemvindo.aspx")

Else

Response.Redirect("malvindo.aspx")

End If

End Sub

End Class

No código acima definimos as credenciais inicialmente como falsas e obtemos a string de conexão com a base de dados.

A seguir abrimos a conexão e construímos a consulta SQL com os dados recebidos do formulário da página default.aspx. Passamos a validar então o usuário e a senha que foram recebidos como parâmetros. Note que estamos usando método ExecuteScalar para retornar os dados caso eles são válidos; neste caso a página é válida e definimos as credenciais args.IsValid como True.

Ao clicar no botão de login se a validação for bem sucedida redirecionamos o usuário para a página bemvindo.aspx caso contrário para a página malvindo.aspx. Estas páginas devem ser criadas no projeto clicando-se com o botão direito do mouse sobre o o nome do projeto e selecionando a opção Add New Item a seguir selecione o item Web Form e defina o nome conforme indicado.

A seguir temos o resultado da execução do projeto no servidor do VWD.

Figura 1.0 - A apresentação da página de Login
Figura 2.0 - A validação dos dados , no caso, não foram informados nem o Login nem a senha
Figura 3.0 - O Login efetuado com sucesso exibindo a página bemvindo.aspx
Figura 4.0 - O Login onde os dados estão incorretos exibindo a página malvindo.aspx


Figura 1.0	Figura 2.0

Figura 3.0	Figura 4.0

Como o objetivo do artigo é mostrar como usar os controles de validação eu não me preocupei com a cifragem da senha mas lembre-se que na web nunca devemos trafegar com dados abertos pelo risco de serem capturados.

Pegue o código completo do projeto aqui: dbvalida.zip (Sem a base de dados)

Até o próximo artigo ASP.NET

José Carlos Macoratti