William Luis

0 %
William Luis
Fullstack Developer
  • Residence:
    Canada
  • City:
    Toronto
  • Age:
    26
French
English
Spanish
html
CSS
Js
PHP
WordPress
  • Bootstrap, Materialize
  • Stylus, Sass, Less
  • Gulp, Webpack, Grunt
  • GIT knowledge

Validação simples e eficiente usando jQuery

22 de março de 2015

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.

[sourcecode language=”html”]<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>[/sourcecode]

 

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 =)

Posted in Dicas, Formulário, Formulário, JavaScript, JQuery
Write a comment