Alex Sancho

Hace unos pocos días estuve examinando un formulario de contacto mejorado mediante scripts AJAX, inspirado por este trabajo, me he decidido a actualizar el formulario de contacto de este sitio construyendo mi propia versión.

Características

El objetivo principal de este ejercicio ha sido como siempre aprender un poco mas, he intentado crear un formulario que sea facil de implementar y utilizar, y que a su vez resulte funcional y atractivo para el usuario. Para empezar he reescrito todo el script PHP que utilizaba en el antiguo formulario de este sitio intentando mejorar su funcionalidad.

Script PHP

Las nuevas características del script se resumen de la siguiente forma:

• Solo se procesa el mensaje sí sé enviá desde uno de los dominios definidos en la configuración del script.
• Inicialmente se comprueba que todos los campos requeridos contengan datos.
• En segundo lugar se comprueba que el formato de la dirección de correo del remitente sea correcto mediante un regex. (No, no respeta el estándar RFC2882)
• Después de comprobar el formato, intenta conectar al servidor del remitente para comprobar que se acepta correo a la dirección introducida.
• En el caso de que todas las comprobaciones sean correctas sé enviá el mensaje, en caso contrario se informa del error al usuario.

JavaScript

Para los usuarios que tengan el soporte JavaScript activado en su navegador, he incluido las siguientes librerías. JavaScript

• WForms : Comprueba que los campos requeridos en el formulario se rellenen de forma correcta antes de procesarlo.
• Prototype :Proporciona los eventos necesarios para realizar la llamada XmlHttpRequest
• Scriptaculous : Gran cantidad de efectos para todos los gustos

Como se suele decir, el movimiento se demuestra andando, con lo que os dejo un ejemplo y el codigo del formulario listo para descargar.