Una de las cosas que no deben de faltar en una pagina web es el formulario de contacto y ahora con la nueva tecnologia de ajax, se pueden hacer cosas realmente esteticas ademas nos evitamos el proceso de refrescar la pagina, pues desde la pagina de formatos web nos llega este codigo muy bueno, han realizado un formulario de contacto, el cual realiza el proceso de envío mediante AJAX. También se incluyen algunos efectos visuales simples como la capa transparente para los mensajes de confirmación y los mensajes de ayuda flotantes que se pueden ver posicionando el cursor en el signo de pregunta de cada campo.

El funcionamiento de este código es bastante sencillo: al presionar el botón «Enviar» una funcion JS se encarga de obtener los valores de los campos y validarlos en cliente utilizando diferentes criterios. Si algún campo es erróneo, se cambia su className para cambiar su fondo al color rojo y se muestra el mensaje de error correspondiente. Si no existen errores, se llamará a una función también JS que abrirá la conexión XMLHttpRequest con el servidor enviandole los datos que el usuario ha completado. El servidor validará los datos una vez mas he intentará enviar mediante la función mail de PHP la información a un correo electrónico configurable. Si todo ha salido bien en servidor, se envia a cliente la cadena «Ok»; caso contrario se enviará un «Error». Para finalizar, el cliente recibirá la cadena de respuesta del servidor y mostrará un mensaje de error o confirmación según corresponda.

Puedes cer el ejempo y el codigo del mismo aqui

Via http://www.formatoweb.com.ar/

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *