LiveValidationLiveValidation es una utilidad en Javascript que permite validar los campos o entradas de textos de los formularios HTML (textarea, input text, input check) en tiempo real. Tiene interesantes características:

  • Verifica que un campo no esté vacio.
  • Verifica que el texto ingresado corresponda a uno determinado. Si usted exige que el usuario escriba "hola" entonces el validador actuará en función de ello, independientemente de si es con mayúsculas o minúsculas.
  • Verifica que cierta palabra aparezca en una expresion ingresada.
  • Verifica que el texto ingresado solo contenga números, números enteros ó un número específico.
  • Verifica que el texto ingresado solo contenga números, pero que éste sea mayor ó menor que cierto valor, ó también verifica que el número corresponda a un valor entre un rango específico.
  • Verifica la longitud de caracteres del texto ingresado, puede ser mayor ó menor a cierto valor específico, ó corresponda a un rango específico.
  • Verifica que ciertas expresiones ó texto este incluido ó excluido del texto ingresado.
  • Verifica que un checkbox este clickeado ó no.
  • Verifica que contraseña y confirmanción coincidan (por ejemplo para un formulario de registro.)
  • Verifica la estructura de un e-mail (tunickname@servidor.xxx)
  • Finalmente todo lo descrito anteriormente lo puede combinar para obtener un validador avanzado.
  • Entre otras características muy interesantes.

LiveValidation Example

Cómo usarlo

En la parte del head, agrega el archivo javascript, esto dependerá del tipo de archivo que descarges… en este caso usamos en standalone.

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

Luego dentro del body en los campos ó entradas de texto que desees validar, llama a los métodos necesarios. En este ejemplo estamos validando que el campo cuyo id "f1" no quede en blanco.

<input id="f1" type="text">
<script type="text/javascript">
var f1 = new LiveValidation('f1');
f1.add(Validate.Presence);
</script>

En la sección ejemplos del LiveValidation puede encontrar otras formas de uso.

Enlaces | LiveValidation, Documentación