Validação simples e eficiente usando jQuery

Quem nunca precisou criar um script de validação de formulário, e algumas vezes ter que criar do zero ou quando procura por um pronto, nem sempre encontra um excelente script, ou até mesmo para adaptar para o formulário, precisa mexer quase em todos os códigos.

Mas trago um script usando jQuery, que não irá dar muito trabalho de adaptar para o formulário e poder usar o script de uma maneira muito simples.

Para baixar a classe usada pode ser baixada nesse link:  http://jqueryvalidation.org/

E pode ver um exemplo em funcionamento aqui.

Usando a classe de uma maneira simples.

<form class="cmxform" id="commentForm" method="get" action="">
  <fieldset>
    <legend>Please provide your name, email address (won't be published) and a comment</legend>
    <p>
      <label for="cname">Name (required, at least 2 characters)</label>
      <input id="cname" name="name" minlength="2" type="text" required>
    </p>
    <p>
      <label for="cemail">E-Mail (required)</label>
      <input id="cemail" type="email" name="email" required>
    </p>
    <p>
      <label for="curl">URL (optional)</label>
      <input id="curl" type="url" name="url">
    </p>
    <p>
      <label for="ccomment">Your comment (required)</label>
      <textarea id="ccomment" name="comment" required></textarea>
    </p>
    <p>
      <input class="submit" type="submit" value="Submit">
    </p>
  </fieldset>
</form>
<script>
$("#commentForm").validate();
</script>

 

Documentação

You’re probably looking for

Durante toda a documentação, dois termos são usados com muita freqüência, por isso é importante que você saiba o seu significado no contexto do plugin de validação:

  • method: Um método de validação implementa a lógica para validar um elemento, como um método de e-mail que verifica o formato certo do valor de um input. Um conjunto de métodos padrão está disponível, e é fácil de escrever o seu próprio.
  • rule: A regra de validação associa um elemento com um método de validação, como “validar o campo com o nome” primário-mail “com métodos” necessária “e” email “.

Esta biblioteca adiciona três métodos plugin jQuery, o principal ponto de entrada de ser o método de validação:

Esta biblioteca também se estende jQuery com três seletores personalizados:

O método de validação retorna um objeto de validador que tem alguns métodos públicos que podem ser usados para acionar a validação programática ou alterar o conteúdo do formulário. O objeto de validador tem mais métodos, mas somente aqueles documentado aqui são destinados para uso.

Existem alguns métodos estáticos no objeto de validador:

Um conjunto de métodos de validação padrão é fornecido:

Mais alguns métodos são fornecidos como add-ons, e estão incluídas no methods.js adicional no pacote de download. Nem todos eles são documentados aqui:

Fonte: http://jqueryvalidation.org/documentation/

Abraço a todos =)

Deixe sua resposta