Como usar o CustomValidator no ASP.Net

Como criar uma validação no lado cliente usando o componente CustomValidator

Como usar o CustomValidator no ASP.Net

Postado em: 16 de junho de 2007 em www.50minutos.com.br por Agnaldo

Problema do aluno: Trabalho com ASP.Net 2005 e preciso criar uma validação no lado cliente usando o componente CustomValidator. Como faço?

Solução: Primeiro, abrimos o Visual Studio e criamos um WebSite chamado ExemploCustomValidator.

Depois, arrastamos para o form os controles Label, TextBox, CustomValidator e Button e acertamos o layout como na figura abaixo:

Crie, na janela source, uma função javascript chamada valida. 

Selecione o controle CustomValidator1 e configure suas propriedades:

  • ClientValidationFunction = valida
  • ControlToValidate = TextBox1
  • ErrorMessage = O número deve ser divisível por 7

O código da página é:

<%@ Page Language=”C#” AutoEventWireup=”true” CodeFile=”Default.aspx.cs” Inherits=”_Default” %>
<!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Transitional//EN” “http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd”><html xmlns=”http://www.w3.org/1999/xhtml” ><head runat=”server”>
<title>Untitled Page</title>
<script language=”javascript” type=”text/javascript”>
function valida(src, args){
      args.IsValid = (args.Value % 7 == 0)
}
</script>
</head>
<body>

<form id=”form1? runat=”server”>
<div>
<asp:Label ID=”Label1? runat=”server” Text=”Digite um número:”></asp:Label>
<br />
<asp:TextBox ID=”TextBox1? runat=”server”></asp:TextBox> 
<asp:CustomValidator ID=”CustomValidator1? runat=”server” ClientValidationFunction=”valida”
ControlToValidate=”TextBox1? ErrorMessage=”O número deve ser divisível por 7? Width=”232px” Font-Bold=”True”></asp:CustomValidator><br />
<br />
<br />
<asp:Button ID=”Button1? runat=”server” Text=”Verificar” Width=”147px” /> 
</div>
</form>
</body>
</html>

É só executar o aplicativo, pressionando a tecla [F5].

Artigos relacionados