AJAX Contact Form v.1.0

Nota: El objetivo de este ejemplo es el de construir un formulario utilizando marcado XHTML estricto junto a tecnologia AJAX, con la intencion de ofrecer al usuario una experiencia rica e intuitiva. Se trata de una version inicial, construida utilizando las librerias wForms v0.99.23 y scriptaculous v.1.5_rc4.

Objetivos

• Marcado XHTML 1.1
• Gestion de errores dinamica (wForms)
• Validacion de datos en el lado del servidor
• Efectos visuales (scriptaculous)
• Degradacion en navegadores sin soporte JavaScript

XHTML estricto

El marcado respeta los estandares XHTML 1.1 asi como las pautas de accesibilidad marcadas por el WAI.

Gestion de Errores

Para aquellos que tengan habilitado el soporte JavaScript en su navegador, podran aprovecharse de una gestion de errores dinamica gracias a la libreria wForms que resulta de gran ayuda a la hora de indicar los campos del formulario que se han rellenado incorrectamente, en el caso de no tener soporte JavaScript la gestion de errores se realizara en el servidor.

Efectos Visuales

La libreria scriptaculous ofrece una gran variedad de efectos visuales facilmente configurables.

Compatibilidad

He tratado que el formulario actue lo mas similarmente posible en todos los entornos, independientemente de si el navegador del usuario soporta o no JavaScript.

Validacion de datos

La validacion de datos en el lado del servidor cuenta con las siguientes caracteristicas:

• Los datos solo pueden ser enviados desde el/los dominio/s previamente seleccionado/s.
• No pueden haber campos requeridos sin datos.
• El formato de la direccion de correo se comprueba mediante un regex.
• Realiza una prueba para verificar la disponibilidad del servidor y que este acepta recibir correo en la direccion introducida.
• El numero de caracteres aceptados esta limitado a 800.