Formes de validar amb LiveValidation

LiveValidation és una simple llibreria JavaScript que li permet realitzar validació en el client de les dades introduïdes pels usuaris dels mòduls (formes).

A través de les funcions d'aquesta biblioteca, pot validar qualsevol forma ràpida i senzilla, amb només escriure unes poques línies de codi. Tot això, per descomptat, publicat sota llicència de codi obert.
La pàgina web oficial des d'on es pot descarregar de la biblioteca i l'accés als documents oficials, és livevalidation.com

La biblioteca està equipada amb un conjunt de mètodes que resolguin les sèries més freqüent de validació, però també es pot crear una validació personalitzada, simplement la combinació de les eines que ofereix la biblioteca.

LiveValidation està disponible en dues versions:

• un independent;
• i un altre basat en el prototip.

Tots dos, per descomptat, són totalment compatibles amb els navegadors més moderns.
En aquest article anem a confiar en la versió independent, que pot ser utilitzat de forma segura amb altres biblioteques o els marcs.

Per incloure la biblioteca serà suficient per incloure'l a les nostres pàgines en HTML usant JavaScript fora del recordatori de sempre:

 



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

 

Abans de veure els exemples i el seu codi respectiu, és important recordar que la validació es porta a terme per LiveValidation es tracta d'una validació en el client, de manera que substitueix a la validació del costat del servidor, que sempre han d'estar presents per evitar que les dades inconsistent o incorrecte !
LiveValidation per tant, ha de ser considerat com una part (important) d'una obra major de la verificació i el control de les dades transmeses com a dades d'entrada pels usuaris.

En general, la validació d'un camp es fa mitjançant la creació d'un LiveValidation objecte, que no fa més de seleccionar el camp per validar basa en la identificació assignat a la mateixa:

 



 var element = LiveValidation nou ("elemento_da_validare");

 

També es pot passar altres paràmetres en la construcció de l'objecte com, per exemple, un missatge que mostra la correcta validació de l'objecte o el temps d'espera (en milisegons) per iniciar la validació (quan l'usuari ha deixat d'escriure la text). Vegem un exemple:

 element var = LiveValidation nou ("elemento_da_validare", {



  



 validMessage: "Elaborat amb èxit!"



  



 espera: 500







 });

A continuació una imatge amb dos exemples de missatges de validació:

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