Como usar o CustomValidator no ASP.Net
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].
