Validación de formularios con CSS y Javascript

Publicidad

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. Si deseas un shorthand para Document Ready te recomendamos ver este artículo.

El tutorial se encuentra en Ask The CSS Guy.

Related Posts Plugin for WordPress, Blogger...

Artículos relacionados:

  1. Validar email con Javascript
    uchas aplicaciones requieren realizar una validación de direcciones de email,...
  2. Formularios Web estilizados con CSS
    Anteriormente presentábamos un artículo sobre la validación de formularios Web...
  3. Creación de Slug con PHP y Javascript
    Hoy en día los slugs son muy comunes para fomentar...
  4. Formularios con Google Spreadsheet API
    Recientemente Google ha liberado su extensión Forms de Google Docs...

Validación de formularios con CSS y Javascript se encuentra en Diseño Web Programación Todo lo demás Web 2.0 Web Design usa los siguientes tags:

 

5 comentarios to “Validación de formularios con CSS y Javascript”

  1. Javier dice:

    Gracias por el articulo y el enlace parece interesante.

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

Trackbacks/Pingbacks

Dejar un comentario