Validação de caracteres em javascript e customValidator

As vezes devemos validar a quantidade mínima de caracteres em determinadas situações. Porém é necessário atualizar a página e tudo acaba sendo mais demorado. Desenvolvendo essa validação usando Javascript isso fica mais fácil, pois não é  necessário nem atualizar a página.

O exemplo abaixo utilizamos a função JavaScript(validaTamanho), cujo seu objetivo é verificar o tamanho dos caracteres inseridos. A utilização do CustomValidator é de verificar o campo a ser validado, a função de validação JavaScript e informar a mensagem de erro:

function validaTamanho(oSrc, args) {
args.IsValid = (args.Value.length >= 4);
}

<asp:Content ID=”BodyContent” runat=”server” ContentPlaceHolderID=”MainContent”>
<asp:TextBox ID=”txtPesquisa” Width=”300″ runat=”server”></asp:TextBox><br />
<asp:CustomValidator ID=”CustomValidator2″ runat=”server” ControlToValidate=”txtPesquisa”
ErrorMessage=”Minimo 5 caracteres!” ClientValidationFunction=”validaTamanho” >
</asp:CustomValidator><br />
<asp:Button ID=”btnPesquisar” Width=”100″ Text=”Pesquisar” OnClick=”btnPesquisar_onClick” runat=”server”
ClientIDMode=”Static” /><br />
</asp:Content>

O resultado será:

Deixe uma resposta

Preencha os seus dados abaixo ou clique em um ícone para log in:

Logotipo do WordPress.com

Você está comentando utilizando sua conta WordPress.com. Sair / Alterar )

Imagem do Twitter

Você está comentando utilizando sua conta Twitter. Sair / Alterar )

Foto do Facebook

Você está comentando utilizando sua conta Facebook. Sair / Alterar )

Foto do Google+

Você está comentando utilizando sua conta Google+. Sair / Alterar )

Conectando a %s