Validación de formularios con CSS y Javascript

En he encontrado una simple, pero muy prolija forma de validar un formulario con CSS y Javascript, sin que involucre algunos de los scripts que hoy en día andan en la vuelta (MooTools, Script.a.culous, jQuery, etc.).

La técnica es fácil de aplicar los input del formulario, algunas funciones de javascript y alguna otra poca cosa más. Además, soporta expresiones regulares, con la que se pueden validar fácilmente direcciones de emails, validar número de teléfono, o de documento de identidad (SSN, CI, DNI, etc.).

El resultado obtenido es un validador de formularios que ante una validación incorrecta muestra un Hint avisando al usuario la forma correcta de ingresar el campo.

El tutorial se encuentra en Ask The CSS Guy.

Artículos relacionados:

  1. Formularios Web estilizados con CSS
    Anteriormente presentábamos un artículo sobre la validación de formularios Web...
  2. Validar email con Javascript
    uchas aplicaciones requieren realizar una validación de direcciones de email,...
  3. Validar formulario con CSS y PHP
    El siguiente artículo muestra un procedimiento sencillo para validar formularios...
  4. Creación de Slug con PHP y Javascript
    Hoy en día los slugs son muy comunes para fomentar...

Publicado por Administrador en Diseño Web, Javascript, Programación, Varios, Web 2.0, Web Design | 5 comentarios
Empresas de Hosting Recomendadas
Bluehost.com $6.95 Hosting


5 respuestas a “Validación de formularios con CSS y Javascript”

  1. Validar email con Javascript | WebLatam says:
    12-07-2008 at 12:30 pm

    [...] como alternativa puede ver el post donde se demuestra cómo usar CSS y Javascript para crear validadores de formulario, entre los [...]

  2. Formularios Web estilizados con CSS | WebLatam says:
    30-10-2008 at 11:14 pm

    [...] presentábamos un artículo sobre la validación de formularios Web con CSS y Javascript. En esta oportunidad vamos a darle un [...]

  3. Javier says:
    31-10-2008 at 1:36 pm

    Gracias por el articulo y el enlace parece interesante.

  4. Administrador says:
    2-11-2008 at 5:38 pm

    Aquí hay un poco más de info. sobre Formularios CSS estilizados: http://weblatam.com/wp/formularios-web-estilizados-con-css/369/

  5. Websites tagged "validador" on Postsaver says:
    6-08-2009 at 11:32 pm

    [...] – Validación de formularios con CSS y Javascript saved by LiquidVitamins2009-07-24 – Validador W3C y demas herramientas :D saved by [...]

Dejar tu comentario