Formulario de contacto usando jQuery, AJAX, CAPTCHA, PHPMAILER

En esta ocasión les compartiré un formulario de contacto usando la tecnología AJAX, juntamente con jQuery, para el procesamiento de los datos del lado del servidor, se ha utilizado el lenguaje de programación PHP.

Este formulario de contacto se puede integrar en páginas desarrolladas con HTML o PHP, pero para ejecutar este código es necesario contar con servidor web como Apache y un servidor smtp configurado. Recomiendo encarecidamente que realices las pruebas en un servidor de hosting compartido, ya que si deseas hacer pruebas en un servidor local (localhost), este script no funcionará.

Este script utiliza un archivo JavaScript para realizar peticiones al servidor y de esa forma validar los datos enviados por los usuarios, la validación de hace del lado del servidor.

Para que el formulario de contacto funcione debes editar el archivo llamado contact.php, y establecer el valor de las variables: $toName y $toAddress.

Una vez configuradas las variables mencionadas anteriormente, solo resta subir los archivos al servidor y ejecutar el script en tu servidor web.

Características incluidas:

  • Diseño responsivo.
  • Ajax activado (sin recargas de página).
  • Utiliza Javascript jQuery Fade transition.
  • Muy fácil de integrar en cualquier página HTML o PHP existente en tu sitio web.
  • El estilo de formulario se puede integrar en la hoja de estilo de un sitio web existente o puedes utilizar el estilo predeterminado de este ejemplo.
  • Todos los campos tienen un script de validación para que obtengas la información * requerida que necesitas.
  • Anti Spam mejorado ” Captcha “, verifica que sea un humano que realiza la petición.
  • Notificación de error con Ajax y JavaScript , si los campos están incompletos o incorrectos.
  • Utiliza las funciones estándar del servidor PHP para una instalación sin extras (phpMailer y Curl).
  • Se puede personalizar el asunto del correo electrónico en el mensaje de la página de contacto.
  • Se valida en el ingreso de datos a que se ingrese un número de teléfono que incluya solo dígitos.
  • Se valida a que se ingrese un correo  electrónico válido.

Requisitos del servidor:

Soporta PHP4.x o PHP5.x .

Para la implementación de este formulario de contacto, no es necesario que tengas conocimientos avanzados de HTML, PHP o JavaScript.

Librerías utilizadas:

DESCARGAR ARCHIVOS

  • Jefferson Cardenas Otalora

    buenas
    ya hice el formulario pero tengo el siguiente error: Error al enviar el mensaje : SMTP connect() failed. https://github.com/PHPMailer/PHPMailer/wiki/Troubleshooting

  • Jefferson Cardenas Otalora

    buenas
    obed quiero preguntarte como le hago para agregar un campo tipo checkbox y validarlo