Problems with contact form and recaptcha

Question

Hello everybody, I seem to have gotten myself into a deep hole that I can't get out of...I have followed a tutorial making a contact form with bootstrap and a recaptcha. I can't get it to work.When I try it out, the form generates the success message from my contact.php file, but no mail arrives in my mailbox. And I never get to fill in any question from the recaptcha. The form I am intending to use, is at 1alarm.se/kontakt.html.Code is here:Välkommen till 1Alarm!

Kontakta oss

Kontaktinformation

1 Alarm
Tel: 010-3330658
Tel: 010-3330566
Telefontid:
Mån - Fre: kl: 10-12 och kl: 13-15

Placeholder image

Code for validator.js:$(function () {window.verifyRecaptchaCallback = function (response) {$('input[data-recaptcha]').val(response).trigger('change')}window.expiredRecaptchaCallback = function () {$('input[data-recaptcha]').val("").trigger('change')}$('#contact-form').validator();$('#contact-form').on('submit', function (e) {if (!e.isDefaultPrevented()) {var url = "contact.php";$.ajax({type: "POST",url: url,data: $(this).serialize(),success: function (data) {var messageAlert = 'alert-' + data.type;var messageText = data.message;var alertBox = '

' + messageText + '

';if (messageAlert && messageText) {$('#contact-form').find('.messages').html(alertBox);$('#contact-form')[0].reset();grecaptcha.reset();}}});return false;}})}); Code for contact.js$(function () {// init the validator// validator files are included in the download package// otherwise download from http://1000hz.github.io/bootstrap-validator$('#contact-form').validator();// if the validator does not prevent form submitif (!e.isDefaultPrevented()) {var url = "contact.php";// POST values in the background the the script URL$.ajax({type: "POST",url: url,data: $(this).serialize(),success: function (data){// data = JSON object that contact.php returns// we recieve the type of the message: success x danger and apply it to thevar messageAlert = 'alert-' + data.type;var messageText = data.message;// let's compose Bootstrap alert box HTMLvar alertBox = '

' + messageText + '

';// If we have messageAlert and messageTextif (messageAlert && messageText) {// inject the alert to .messages div in our form$('#contact-form').find('.messages').html(alertBox);// empty the form$('#contact-form')[0].reset();}}});return false;}})}); Code for contact.php:';// subject of the email$subject = 'Ny kontakt från hemsidan';// form field names and their translations.// array variable name => Text to appear in the email$fields = array('name' => 'Name', 'surname' => 'Surname', 'phone' => 'Phone', 'email' => 'Email', 'message' => 'Message');// message that will be displayed when everything is OK 🙂$okMessage = 'Ditt meddelande har skickats! Vi återkommer till dig inom kort.';// If something goes wrong, we will display this message.$errorMessage = 'Något gick fel och ditt meddelande har inte skickats. Försök igen senare.';// ReCaptch Secret$recaptchaSecret = '6LeYUr8ZAAAAAHN_E-2VwB39M9-thW0jI9MKn9wI';// let's do the sending// if you are not debugging and don't need error reporting, turn this off by error_reporting(0);error_reporting(E_ALL & ~E_NOTICE);try {if (!empty($_POST)) {// validate the ReCaptcha, if something is wrong, we throw an Exception,// i.e. code stops executing and goes to catch() blockif (!isset($_POST['g-recaptcha-response'])) {throw new \Exception('ReCaptcha is not set.');}// do not forget to enter your secret key from https://www.google.com/recaptcha/admin$recaptcha = new \ReCaptcha\ReCaptcha($recaptchaSecret, new \ReCaptcha\RequestMethod\CurlPost());// we validate the ReCaptcha field together with the user's IP address$response = $recaptcha->verify($_POST['g-recaptcha-response'], $_SERVER['REMOTE_ADDR']);if (!$response->isSuccess()) {throw new \Exception('ReCaptcha was not validated.');}// everything went well, we can compose the message, as usually$emailText = "Ny kontakt från hemsidan ============================= ";foreach ($_POST as $key => $value) {// If the field exists in the $fields array, include it in the emailif (isset($fields[$key])) {$emailText .= "$fields[$key]: $value ";}}// All the neccessary headers for the email.$headers = array('Content-Type: text/plain; charset="UTF-8";','From: ' . $from,'Reply-To: ' . $from,'Return-Path: ' . $from,);// Send emailmail($sendTo, $subject, $emailText, implode(" ", $headers));$responseArray = array('type' => 'success', 'message' => $okMessage);}} catch (\Exception $e) {$responseArray = array('type' => 'danger', 'message' => $e->getMessage());}if ($responseArray['type'] == 'success') {// success redirectheader('Location: http://www.1alarm.se/success.html');}else {//error redirectheader('Location: http://www.1alarm.se/error.html');} I would be so grateful if the collective mindtrust here is able to help me!Kind regards,Carolin

Carro000 · Accepted Answer

Update again:

The ReCaptcha part now seems to be working, but email still doesn't get sent.

Have checked and re-checked the code to the best of my ability (which isn't great), but can't find any errors.

UPDATE: I have now managed to work everything out, and everything is working!

Thank you.

Kind regards,

Carolin

Nancy OShea · Answer

Does your web server and hosting plan support PHP and the PHP mail () function?  If unsure, ask your hosting provider.If not, the mail will never get sent from your server.

Sign up

To post, reply, or follow discussions, please sign in with your Adobe ID.

Sign in to Adobe Community

To post, reply, or follow discussions, please sign in with your Adobe ID.

Scanning file for viruses.

This file cannot be downloaded