Validando formulários com LiveValidation

LiveValidation é uma biblioteca JavaScript simples que permite que você execute client-side de validação dos dados inseridos pelos usuários dentro dos módulos (formas).

Através das funções desta biblioteca, você pode validar qualquer forma rápida e facilmente, apenas por escrever algumas linhas de código. Tudo isso é, obviamente, distribuídas sob licença de código aberto.
A home page oficial a partir do qual você pode baixar a biblioteca e acesso a documentos oficiais, é livevalidation.com

A biblioteca está equipada com um conjunto de métodos que resolvem a série mais freqüente de validação, mas você também pode criar validação personalizada simplesmente combinando as ferramentas oferecidas pela biblioteca.

LiveValidation está disponível em duas versões:

• um autônomo;
• e outro baseado no protótipo.

Ambos, é claro, são totalmente compatíveis com a maioria dos navegadores modernos.
Neste artigo vamos contar com a versão standalone, que pode ser usado com segurança com outras bibliotecas ou frameworks.

Para incluir a biblioteca será suficiente para incluí-lo em nossas páginas em HTML usando JavaScript fora do lembrete usual:

 



 <script type="text/javascript" src="livevalidation_standalone.js"> </ script>

 

Antes de ver os exemplos e seus respectivos códigos, é importante lembrar que a validação é feita por LiveValidation é uma validação do lado do cliente, por isso substitui a validação do lado do servidor, que deve estar sempre presente para evitar dados inconsistentes ou incorretos !
LiveValidation deve ser considerado como uma parte (importante) de um trabalho maior de verificação e controle de dados passados ​​como entrada pelos usuários.

Em geral, a validação de um campo é feito criando um LiveValidation objeto, que não faz nada, mas selecione o campo para validar com base na identificação atribuído a ele:

 



 var elemento = LiveValidation novo ("elemento_da_validare");

 

Você também pode passar outros parâmetros na construção do objeto como, por exemplo, uma mensagem que mostra a validação correta do objeto ou o tempo de espera (em milissegundos) para iniciar a validação (depois que o usuário parou de escrever o texto). Vamos ver um exemplo:

 elemento var LiveValidation = new ("elemento_da_validare", {



  



 validMessage: "Compilado com sucesso!"



  



 esperar: 500







 });

Abaixo uma imagem com dois exemplos de mensagens de validação:

• <<
• 1
• 2
• 3
• 4
• 5
• 6
• >>