Validação de Formulários com JQuery – Plugin Atualizado

Validação de Formulários com JQuery

Olá, em um outro post eu  disponibilizei uma função javascript/jquery para validar campos de formulários, consegui um tempo para melhorar o script e escrevi um plugin simples para JQuery, as funções são praticamente as mesmas porém melhoradas e mais simples de utiliza-las. Nem vou falar muito, abaixo os  links, veja se lhe interessa.

Ajude a melhor o script informando os erros e não se esqueça de colocar códigos no pastebin quando for comentar.

 

Exemplo de uso:

</pre>
<!DOCTYPE html>
<html>
 <head>
 <title>Validate Plugin</title>
 <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
 <script src="js/jquery.min.js" type="text/javascript"></script>
 <script src="js/jquery.validate.js" type="text/javascript"></script>
 <link href="css/validate.css" type="text/css" media="screen" rel="stylesheet" />
 <!--[if lte IE 7]>
 <link href="css/validate_ie7.css" type="text/css" media="screen" rel="stylesheet" />
 <![endif]-->
 </head>
 <body>

 <div id="wrap">

<form id="f1" class="validate" action="" method="post" >

 <p>
 <label>Combo:</label>
 <select name="combo" id="combo" class="required">
 <option value="">Selecione um item na lista</option>
 <option value="0">AA</option>
 <option value="1">BB</option>
 </select>
 <span>Selecione um item</span>
 </p>

<p>
 <label>Nome:</label>
 <input type="text" name="nome" id="nome" class="required" minlength="5" />
 <span>Informe seu nome completo</span>
 </p>

<p>
 <label>Telefone:</label>
 <input type="text" name="fone" id="fone" class="required fone" />
 <span>Informe seu telefone com DDD</span>
 </p>

 <p>
 <label>Obrigatório - Mínimo 5 letras:</label>
 <input type="text" name="str" id="str" class="required" minlength="5" />
 <span>Campo requerido, informe ao menos 5 letras</span>
 </p>

<p>
 <label>Data:</label>
 <input type="text" name="data" id="data" class="required data" maxlength="10" />
 <span>Campo requerido, informe uma data válida</span>
 </p>

<p>
 <label>CPF:</label>
 <input type="text" name="cpf" id="cpf" class="required cpf" />
 <span>Campo requerido, informe um CPF válido</span>
 </p>

 <p>
 <label>CNPJ:</label>
 <input type="text" name="cnpj" id="cnpj" class="required cnpj" />
 <span>Campo requerido, informe um CNPJ válido</span>
 </p>

 <p>
 <label>Numérico Mínimo 5 caracteres:</label>
 <input type="text" name="num" id="num" class="required numeric" minlength="5" maxlength="10" />
 <span>Campo requerido, apenas números</span>
 </p>

<p>
 <label>Email:</label>
 <input type="text" name="email" id="email" class="required email" />
 <span>Campo requerido, informe um e-mail válido</span>
 </p>

<p>
 <label>Senha - Mínimmo 4 caracteres</label>
 <input type="password" name="password" id="password" class="required password" minlength="4" />
 <span>Campo requerido, informe ao menos 4 caracteres</span>
 </p>

<p>
 <label>Repetir Senha </label>
 <input type="password" name="rpassword" id="rpassword" class="required password" minlength="4" />
 <span>Repita a senha</span>
 </p>
 <p>
 <button class="button blue submit">Enviar</button>
 <button class="button gray reset">Limpar</button>
 </p>

</form>
 </div>
 </body>
</html>
<pre>

demo download

As instruções estão no arquivo leia-me.txt

O plugin pode ser customizado de

acordo com suas necessidades, as mensagens de validação podem ser alteradas no arquivo. Por favor reportem os possíveis erros para irmos atualizando. obs: antes que questionem, existe uma validação para placas de carros, era uma necessidade quando escrevi o plugin, não é nada que se use no dia-a-dia e deu preguiça de retirar rs rs

Comments

  1. By Rafaela S. Sacconi

    Responder

  2. By Silmar

    Responder

    • Responder

  3. By Potter

    Responder

    • Responder

  4. By Denis Zago

    Responder

    • Responder

    • By Orlando

      Responder

      • Responder

      • Responder

  5. By Marcio

    Responder

    • Responder

      • By Marcio

        Responder

  6. By Marcio

    Responder

  7. By Fernando

    Responder

  8. By Sara

    Responder

    • Responder

  9. By Edilson Dantas

    Responder

    • Responder

  10. Responder

    • By Weder

      Responder

  11. Responder

  12. By JEan

    Responder

    • Responder

  13. Responder

    • Responder

  14. By fernanda

    Responder

    • Responder

      • By Jonathan

        Responder

        • Responder

  15. Responder

  16. Responder

    • Responder

      • Responder

        • Responder

  17. By Gustavo

    Responder

    • Responder

  18. Responder

    • By Rafael Clares

      Responder

  19. Responder

    • By Rafael Clares

      Responder

  20. Responder

    • By Rafael Clares

      Responder

    • By Rafael Clares

      Responder

  21. Responder

    • By Rafael Clares

      Responder

  22. Responder

  23. Responder

    • By Rafael Clares

      Responder

  24. Responder

    • By Rafael Clares

      Responder

  25. By Marluce

    Responder

    • By Rafael Clares

      Responder

      • By Marluce

        Responder

        • By Rafael Clares

          Responder

          • By Marluce

          • By Rafael Clares

          • By Marluce

          • By Marluce

          • By Rafael Clares

  26. By Gilberto Santos

    Responder

  27. By Gilberto Santos

    Responder

  28. By Geovane Santos

    Responder

    • Responder

  29. By Rafael

    Responder

    • Responder

  30. Responder

    • Responder

  31. By George Oliveira

    Responder

    • Responder

  32. By Bruno

    Responder

    • Responder

  33. By Edson Vilhalba

    Responder

    • Responder

  34. Responder

    • Responder

  35. Responder

    • By Marcos de Souza

      Responder

  36. By Ciro

    Responder

  37. By Elizandro Echer

    Responder

    • Responder

      • By Elizandro Echer

        Responder

      • Responder

  38. Responder

  39. By Elizandro Echer

    Responder

  40. By Bruno

    Responder

  41. By Ittalo

    Responder

  42. Responder

  43. By Andson Lourenço

    Responder

  44. Responder

  45. By Lucia Cavalcanti

    Responder

  46. By Ednilson

    Responder

  47. By renan malato

    Responder

Perguntas duplicadas ou cujo a resposta esteja nos comentários serão ignoradas.
Comentários com códigos serão ignorados(para isso, use o pastebin.com e informe aqui o link).
Faça sua pergunta e "aguarde" ser aprovada para aparecer no blog.
Aguarde sua resposta, ela não é em tempo real, tenha paciência!

Deixe seu comentário

%d blogueiros gostam disto: