ndice Introduccin Contenido - Mootools - Ventajas - Validacin Conclusin 3

4-6

Introduccin

En el siguiente trabajo se hace presente una validacin fcil y sencilla de nombre Mootools, la cual contiene un cdigo de Javascript que ya est predeterminado por un Framework para el uso de dichas validaciones. En nuestra investigacin encontramos que el uso de Mootools es bastante simple y muy importante a la hora de crear formularios ya que nos permite una gran seguridad para no mandar informacin incorrecta y recibir lo que en verdad se necesita. Hacemos presente un pequeo ejemplo de estas validaciones para entender de una forma mejor de lo que se est hablando.

Qu es Mootools? Es un Framework web orientado a objetos para JavaScript, de cdigo abierto, compacto y modular. El objetivo de MooTools es aportar una manera de desarrollar JavaScript sin importar en qu navegador se ejecute de una manera elegante. Ventajas Como otras tantas bibliotecas JavaScript, MooTools aporta al usuario muchas ventajas. Alguna de ellas:

Es un Framework modular y extensible, el desarrollador puede elegir (especficamente) que componentes usar y cules no. MooTools es orientado a objetos y sigue los principios DRY, que hacen de l un Framework rico, potente y eficiente. Componente avanzado de efectos (Effects), con transiciones (Transitions), de funcin parablica, optimizadas y utilizadas por multitud de desarrolladores Flash. Framework desarrollado por programadores para programadores.

Validar Formularios con Mootools En las ltimas versiones de Mootools se ha comenzado a incluir la clase Form.Validator la cual permite validar formularios de forma sencilla con muchas opciones predefinidas y con la posibilidad de extender con nuevas reglas de validacin. Preparando para Validar con Mootools Lo primero es descargar e incluir el archivo mootools.js en nuestro documento, tambin se necesita descargar e incluir el archivo mootools-more.js que debe contener las clases: Form.Validator y Form.Validator.Inline.

Validaciones Disponibles Lo primero es conocer todas las formas de validacin disponibles

IsEmpty: devuelve verdadero si el campo est vaco. required: el campo debe ser obligatorio o no debe estar vaco. minLength: verdadero si campo tiene ms de cierta cantidad de caracteres.

maxLength: devuelve verdadero si el campo tiene menos de cierta cantidad de caracteres. validate.numeric: verdadero si el campo es un nmero validate.integer: verdadero para nmeros enteros, decimales no est permitidos. validate.digits: verifica si el campo contiene nmeros, espacios y caracteres de puntuacin. validate.alpha: verdadero si el campo solo contiene letras. validate.alphanum: el campo es verdadero si contiene nicamente letras y nmeros. validate.date: es verdadero si el campo contiene una fecha (mm/dd/yyyy). validate.email: verifica que el campo contenga una direccin de email. validate.url: verifica que el campo contenga una direccin URL.

Utilizando Form.Validator Para utilizar las formas de validacin antes mencionadas estas se deben agregar como si fueran estilos. Si deseamos aplicar ms de una regla podemos hacerlo dejando un espacio en blanco. Veamos un ejemplo de un formulario de registro.

1. <form id="frRegister" method="post" action=""> 2. Name: 3. <input name="name" type="text" id="name" class="required" /> 4. Username: 5. <input name="user" type="text" id="user" class="required validate-alphanum minLength:5" /> 6. Password: 7. <input name="pass" type="text" id="pass" class="required validatealphanum" /> 8. Email: 9. <input name="email" type="text" id="email" class="required validate-email" /> 10. Phone: 11. <input name="phone" type="text" id="phone" class="validate-digits" /> 12. <input type="button" name="btsend" id="btsend" value="Registro" /> 13. </form>

En el cdigo mostrado hemos creado un formulario con 5 campos, a los cuales hemos aplicado las siguientes reglas:

- name: debe ser obligatorio y se acepta todos los caracteres. - user: es obligatorio, solo se aceptan letras y nmeros y deber de 5 caracteres como mnimo. - pass: es obligatorio y solo se aceptan letras y nmeros. - email: el texto ingresado debe ser una direccin de email vlida y no puede ser vaca. - phone: campo opcional, pero si se llena solo acepta nmeros, espacios y caracteres de puntuacin. Luego se crea una instancia del objeto Form.Validator que recibe como parmetro el identificador del formulario que deseamos validar. Resumiendo: para validar formularios con Mootools se deben descargar las clases adicionalesForm.Validator y Form.Validator.Inline, crear los tres estilos para mostrar las validaciones, aplicar las reglas de validacin como si se trataran de estilos. Finalmente se agrega una instancia de la claseForm.Validator para realizar las validaciones.

Conclusin MooTools es una herramienta sencilla y fcil de utilizar que permite trabajar orientado a objetos con JavaScript. Lo que lo hace tan seductor es el hecho de desarrollar aplicaciones web dinmicas compatibles con cualquier navegador web. Sobre todo el hecho de que sea creado por programadores para programadores permite que siga evolucionando y que su alcance sea acorde a la habilidad de cada quien.