Validar formulario con LiveValidation

LiveValidation es una simple librería JavaScript que le permite realizar validación en el cliente de los datos introducidos por los usuarios de los módulos (formas).

A través de las funciones de esta biblioteca, puede validar cualquier forma rápida y sencilla, con sólo escribir unas cuantas líneas de código. Todo esto por supuesto de se distribuye bajo licencia de código abierto.
La página oficial de la que se puede descargar de la biblioteca y el acceso a los documentos oficiales, es livevalidation.com

La biblioteca está equipada con un conjunto de métodos que resuelven las series más frecuente de validación, pero también se puede crear una validación personalizada, simplemente la combinación de las herramientas que ofrece la biblioteca.

LiveValidation está disponible en dos versiones:

• un independiente;
• y otro basado en el prototipo.

Ambos, por supuesto, son totalmente compatibles con los navegadores más modernos.
En este artículo vamos a construir la versión independiente, que puede ser utilizado de forma segura con otras bibliotecas o marcos.

Para incluir la biblioteca será suficiente para incluir en nuestras páginas en HTML con Javascript fuera del habitual recordatorio:

 



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

 

Antes de ver los ejemplos y su código respectivo, es importante recordar que la validación se lleva a cabo por LiveValidation es una validación del lado del cliente, por lo que sustituye a la validación del lado del servidor, que siempre debe estar presente con el fin de evitar que los datos inconsistente o incorrecto !
LiveValidation por lo tanto, debe ser considerado como una parte (importante) de una obra mayor de la verificación y control de los datos pasados ​​como de entrada de los usuarios.

En general, la validación de un campo se lleva a cabo mediante la creación de un LiveValidation objeto, que no hace más que seleccionar el campo que deberá ser validada por el ID asignado a la misma:

 



 var elemento = LiveValidation nuevo ("elemento_da_validare");

 

También se puede pasar otros parámetros en la construcción del objeto como, por ejemplo, un mensaje que muestra la correcta validación del objeto o el tiempo de espera (en milisegundos) para iniciar la validación (cuando el usuario ha dejado de escribir la texto). Veamos un ejemplo:

 elemento var = LiveValidation nuevo ("elemento_da_validare", {



  



 validMessage: "Elaborado con éxito!"



  



 espera: 500







 });

A continuación un cuadro con dos ejemplos de mensajes de validación:

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