Marcos Gallardo Pérez
Crear un plugin con jQuery para validar un Formulario

El plugin deberá cumplir:

  • Validará las cajas de texto de los formularios según las expresiones regulares predefinidas por el plugin e indicadas en los elementos html con el atributo “tipo”. Se invocará de la siguiente forma: $("form").examen();
  • A cada uno de los elementos input de tipo text se le asociarán dos eventos: al perder el foco y al ganarlo.
    • Al perder el foco se realizará la validación en función del atributo “tipo” indicado en el elemento html. Se cambiará el formato de la caja de texto si el texto no es válido.
    • Al ganar el foco se volverá al formato css inicial.
  • El evento submit tendrá el siguiente comportamiento:
    • Por cada uno de los elementos input de tipo text se le aplicará el evento de pérdida de foco, validándose así todos.
    • Si hay alguno erróneo, se devolverá el foco al primero de ellos.
    • Si todos están correctos, se realizará una solicitud ajax que mostrará un fichero de texto en la textarea
  • El plugin admitirá valores por defecto que podrán ser sustituidos por los que el usuario envíe como parámetros.
  • Las expresiones regulares definidas serán las siguientes:
    • <input type="text" tipo='nombre'>
      • Admite varias nombres separados por espacios de al menos 3 caracteres.
      • Se aplicará a las cajas nombre y apellidos.
    • <input type="text" tipo='correo'>
      • Admite estos correos válidos: examen@exm.c , ex.dwec@ex.m.c
      • No admite estos correos: exa..men@exm.c , e@examen
    • Crea un objeto/closure Tester al que se le pase texto a validar/tipo de texto a validar y devuelva si es válido o no (puede devolver el mensaje de error, aunque no se use en este ejercicio)

Ir a Ejercicio
Ver Código