Formulario de Contacto con Captcha usando PHP y Bootstrap 3

formulario_contacto_bs3A continuación les muestro un formulario de contacto bootstrap 3  usando SecureImage Captcha. Enviando mensajes a una dirección de correo electrónico específica, para el ejemplo lo haremos usando la función mail de php.

DEPENDENCIAS

PHP

  • version > 5.2.0 (con la biblioteca gd habilitado)
  • SecureImage Captcha Captcha (incluido en library/vender/securimage/**)

HTML/JS

Vamos a empezar con el código HTML del archivo index.html:

Nuestro código javascript “contact-form.js” se ve algo así como lo siguiente:

El script PHP “sendmail.php” para enviar el correo electrónico se verá a continuación:

Para conseguir esto que esto funcione  con tu sitio web, debes cambiar el valor de la constante de MY_EMAIL definido en la parte superior del archivo anteriorHay un par de funciones definidas en la parte superior para generar una respuesta de error y establecer el cuerpo del mensaje del correo electrónico. Una vez más, hacemos una validación sencilla para asegurarse que se haya introducido un correo electrónico y en mensaje. También comprobamos el Captcha para asegurarse de que el código introducido coincide con la imagen. Si no lo hace, nosotros respondemos con un error y no se envía el mensaje. Por último, se intenta enviar el mensaje.

Ahora sólo queda probar el funcionamiento del código 🙂

Bibliografía consultada:

  1. Bootstrap3-contact-form
  2. SecureImage Captcha
  3. Bootstrap 3
  4. PHP mail