VALIDAÇÃO DE FORMULÁRIOS COM AJAX
segunda-feira, 9 de junho de 2008 | Marcadores: ajax, validação de formulários | |Na validação no lado do cliente vamos utilizar uma classe Ajax chamada Really easy field validation with Prototype. Sua implantação é muito fácil. Basta adicionar ao campo do formulário um comando no atributo class.
EXEMPLO:
<HTML>
<HEAD>
<TITLE>Teste de validação de formulário</TITLE>
</HEAD>
<BODY>
<script src="ajax/scriptaculous/lib/prototype.js" type="text/javascript"></script>
<script src="ajax/scriptaculous/src/effects.js" type="text/javascript"></script>
<script type="text/javascript" src="ajax/fabtabulous.js"></script>
<script type="text/javascript" src="ajax/validation.js"></script>
<link rel="stylesheet" type="text/css" href="ajax/style.css">
<!-- INICIO DO FORMULÁRIO -->
<form id="teste" action="#" method="get">
Nome:<input name="nome" id="nome" class="required">
<input type="submit" value="submit">
</form>
<!-- OBJETO DE VALIDAÇÃO -->
<script type="text/javascript">
var teste=new Validation('teste');
</script>
</BODY>
</HTML>
No exemplo acima, se o usuário clicar no botão “Submit” sem preencher o campo “nome” o formulário não será enviado e uma mensagem de erro irá aparecer.
Se você quiser usar outra mensagem de erro é possível adicionado o atributo “title” ao elemento. O script automaticamente substitui a mensagem padrão pela definida.Você não precisa saber nada de Ajax pra utilizar esta classe, basta adicionar os atributos corretos e personalizar as mensagens e você já tem uma validação no lado do cliente. Junto com o arquivo da classe estão outros exemplos.
FAÇA AQUI O DOWNLOAD DAS CLASSES
Fonte: www.rodrigopacheco.com
