Vamos lá

Para usar o pluguin você deve importar também o jQuery (lógico né?!).

Importando os arquivos de javascript.

<!-- Inclusão do Jquery -->
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js" ></script>
<!-- Inclusão do Jquery Validate -->
<script type="text/javascript" src="http://ajax.microsoft.com/ajax/jquery.validate/1.6/jquery.validate.js" ></script>

Criando o formulário

<form id="meu_form" action="" method="post" >
	Nome:<br />
	<input type="text" name="nome" id="nome" /><br />
	Email:<br />
	<input type="text" name="email" id="email" /><br />
	Senha:<br />
	<input type="password" name="senha" id="senha" /><br />
	Confirmação de Senha:<br />
	<input type="password" name="conf_senha" id="conf_senha" /><br />
	Aceito os termos e condições:<br />
	<input type="checkbox" name="termos" id="termos"/><br />
	<input type="submit" value="Cadastrar" />
</form>

E a validação:

<script type="text/javascript">
	$(document).ready(function(){
		$('#meu_form').validate({
			rules:{
				nome:{
					required: true,
					minlength: 3
				},
				email: {
					required: true,
					email: true
				},
				senha: {
					required: true
				},
				conf_senha:{
					required: true,
					equalTo: "#senha"
				},
				termos: "required"
			},
			messages:{
				nome:{
					required: "O campo nome é obrigatorio.",
					minlength: "O campo nome deve conter no mínimo 3 caracteres."
				},
				email: {
					required: "O campo email é obrigatorio.",
					email: "O campo email deve conter um email válido."
				},
				senha: {
					required: "O campo senha é obrigatorio."
				},
				conf_senha:{
					required: "O campo confirmação de senha é obrigatorio.",
					equalTo: "O campo confirmação de senha deve ser identico ao campo senha."
				},
				termos: "Para se cadastrar você deve aceitar os termos de uso."
			}

		});
	});
</script>

No formulário acima temos os campos e validações:
Nome: Obrigatório e no mínimo 3 caracteres.
Email: Obrigatório e Email Válido.
Senha: Obrigatória.
Confirmação de Senha: Obrigatória e idêntica a “senha”.
Termos e Condições: Obrigatório.

Faça o download dos arquivos.

No site do Jquery, você encontra uma lista de validações padrão, embutidas no plugin Validate.

Espero que tenham gostado.
[ratings]

Para compartilhar use este link:

http://migre.me/Hkk4

Dessa vez eu vou falar um pouco sobre o jQuery Valitation um plugin do jQuery para validação de campos.
Vou abordar sobre uma validação remota que está presente nesse plugin e é muito útil para validar campos únicos em formulário.

Por exemplo, no seu site, você tem um formulário de cadastro que tem os campos login e senha, mas o campo de login deve ser único e você quer fazer essa validação usando o plugin Validation.

1º passo: Incluir o jQuery e o plugin Validation ao seu html:

<!-- Inclusão do Jquery -->
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js" type="text/javascript"><!--mce:0--></script>
<!-- Inclusão do Jquery Validate -->
<script src="http://ajax.microsoft.com/ajax/jquery.validate/1.6/jquery.validate.js" type="text/javascript"><!--mce:1--></script>

2º passo: Criar o formulário:

<form id="meu_form" method="post">
Login:
<input id="login" name="login" type="text" />
Senha:
<input id="senha" name="senha" type="password" />
<input type="submit" value="Cadastrar" />
</form>

3º passo: Fazer a validação

<!-- Validação do forumlário -->
$(document).ready(function(){
				$('#meu_form').validate({
					rules:{
						login:{ required: true, remote: 'verifica.php' }
					},
					messages:{
						login:{ required: 'Este Campo é obrigatorio' , remote: 'Este Login já está em uso.'}
					}

				});
			});

Repare que o campo ‘login’ tem a validação ‘required’ (campo obrigatório) e a validação ‘remote’ (remota), sendo assim quando o usuário acaba de digitar o login ele vai no servidor e passa esse valor via GET

Pelo firebug podemos observar a requisição sendo feita ao servidor:

Como no validate colocamos remote: ‘verifica.php’ , é enviado o parametro login (nome do campo) e o valor digitado.
No arquivo verifica.php, recebemos esse valor com o $_GET['login'] , fazemos a consulta no banco e então

//Se o login já existir você exibe false
echo 'false';
//Se o login não existir
echo 'true';

pois essa verificação retorna ao validate se o campo é válido ou não.

Veja o Demo.

Faça o download dos arquivos.

Espero que tenham gostado.
Obrigado pela visita.

Dê sua nota: [ratings]