Here is what I did on my most recent project:

using System.Web.Mvc;
using Umbraco.Web.Mvc;
using ContactForm.Models;
using System.Net.Mail;
using log4net;
using System.Reflection;
using Recaptcha.Web;
using Recaptcha.Web.Mvc;

namespace ContactForm.Controllers
{
    public class ContactFormController : SurfaceController
    {
        public string GetViewPath(string name)
        {
            return string.Format("/Views/Partials/Contact/{0}.cshtml", name);
        }

        [HttpGet]
        public ActionResult RenderForm()
        {
            ContactViewModel model = new ContactViewModel();
            return PartialView(GetViewPath("_ContactForm"), model);
        }

        [HttpPost]
        public ActionResult RenderForm(ContactViewModel model)
        {
            return PartialView(GetViewPath("_ContactForm"), model);
        }

        [HttpPost]
        public ActionResult SubmitForm(ContactViewModel model)
        {
            RecaptchaVerificationHelper recaptchaHelper = this.GetRecaptchaVerificationHelper();
            if (string.IsNullOrEmpty(recaptchaHelper.Response))
            {
                ModelState.AddModelError("reCAPTCHA", "Please complete the reCAPTCHA");
                return CurrentUmbracoPage();
            }
            else
            {
                RecaptchaVerificationResult recaptchaResult = recaptchaHelper.VerifyRecaptchaResponse();
                if (recaptchaResult != RecaptchaVerificationResult.Success)
                {
                    ModelState.AddModelError("reCAPTCHA", "The reCAPTCHA is incorrect");
                    return CurrentUmbracoPage();
                }
            }

            bool success = false;
            if (ModelState.IsValid)
            {
                success = SendEmail(model);
                TempData["FormResult"] = success;
                return RedirectToCurrentUmbracoPage();
            }
            return CurrentUmbracoPage();   
        }

        public bool SendEmail(ContactViewModel model)
        {
            //send the email
        }
    }
}

Hi Paul,

Thanks for this. Sadly I have to head home now, but I'll pick this up next Friday when I'm back in.

Cheers, Alistair

Hi,

Back in now, and I've been trying to get this to work and in my attempts to get round various errors have ended up with the following:

ContactFormViewModel.cs

using System.ComponentModel.DataAnnotations;

namespace ContactFormView.Models
{
public class ContactFormViewModel
{
    public string Name { get; set; }

    [Required(ErrorMessage = "Please enter your email")]
    [EmailAddress(ErrorMessage = "The email given is not a valid email address. Please try again.")]
    public string Email { get; set; }

    public string Subject { get; set; }

    public string Message { get; set; }
}
}

ContactFormSurfaceController.cs

using ContactFormView.Models;
using System.Net.Mail;
using System.Web.Mvc;
using Umbraco.Web;
using Umbraco.Web.Mvc;
using Recaptcha.Web;
using Recaptcha.Web.Mvc;

namespace ContactFormView.Controllers
{
public class ContactFormSurfaceController : SurfaceController
{
    public string GetViewPath(string name)
    {
        return string.Format("/Views/{0}.cshtml", name);
    }

    [HttpGet]
    public ActionResult RenderForm()
    {
        ContactFormViewModel model = new ContactFormViewModel();
        return PartialView(GetViewPath("ContactUsPage2"), model);
    }

    [HttpPost]
    public ActionResult RenderForm(ContactFormViewModel model)
    {
        return PartialView(GetViewPath("ContactUsPage2"), model);
    }

    [HttpPost]
    public ActionResult SubmitForm(ContactFormViewModel model)
    {
        RecaptchaVerificationHelper recaptchaHelper = this.GetRecaptchaVerificationHelper();
        if (string.IsNullOrEmpty(recaptchaHelper.Response))
        {
            ModelState.AddModelError("reCAPTCHA", "Please complete the reCAPTCHA");
            return CurrentUmbracoPage();
        }
        else
        {
            RecaptchaVerificationResult recaptchaResult = recaptchaHelper.VerifyRecaptchaResponse();
            if (recaptchaResult != RecaptchaVerificationResult.Success)
            {
                ModelState.AddModelError("reCAPTCHA", "The reCAPTCHA is incorrect");
                return CurrentUmbracoPage();
            }
        }

        bool success = false;
        if (ModelState.IsValid)
        {
            success = SendEmail(model);
            TempData["FormResult"] = success;
            return RedirectToCurrentUmbracoPage();
        }
        return CurrentUmbracoPage();
    }

    public bool SendEmail(ContactFormViewModel model)
    {
        string str = $"<!DOCTYPE html PUBLIC \"-//W3C//DTD XHTML 1.0 Strict//EN\" \"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd \"><html xmlns=\"http://www.w3.org/1999/xhtml \"><head></head><body><p>Name: {model.Name}</p> <p>Email: {model.Email}</p> <p>Message: {model.Message}</p></body></html>";
        string sub = $"{model.Subject}";
        string emailto = CurrentPage.GetPropertyValue<string>("emailAddressTo");

        MailMessage msg = new MailMessage();

        msg.From = new MailAddress("[email protected]");
        msg.To.Add(emailto);
        msg.Subject = sub;
        msg.Body = str;
        msg.Priority = MailPriority.Normal;
        msg.IsBodyHtml = true;

        SmtpClient client = new SmtpClient();

        client.Send(msg);
        TempData.Add("Success", value: "Your message was successfully sent.");
        TempData.Add("GetBack", value: "We will get back to you as soon as possible.");
        return true;
    }
}
}

ContactUsPage2.cshtml

@using Recaptcha.Web.Mvc
@inherits Umbraco.Web.Mvc.UmbracoTemplatePage
@{
Layout = "layoutTemplate2.cshtml";
}

<div class="centre">
<div id="contactForm">
    @Html.Action("RenderForm", "ContactFormSurface")
</div>
<div id="contactFormBlurb">
    <p>@Umbraco.Field("contactFormMessage", recursive: true)</p>
</div>
<div id="reCaptcha">
    @Html.Recaptcha(theme: Recaptcha.Web.RecaptchaTheme.Clean) 
</div>

</div>

But on loading the page I get this error

Cannot bind source type ContactFormView.Models.ContactFormViewModel to model type Umbraco.Web.Models.RenderModel.

Hi,

Is there nobody who can shed light on this for me?

Yours hopefully, Alistair

Hi Alistair,

Without the use of your helper library there is another way to achieve this functionality.

Within your webpage head section you will need:

<script src='https://www.google.com/recaptcha/api.js'></script>

On your form make sure you have the following HTML:

<div class="g-recaptcha" data-sitekey="YOUR SITE KEY HERE"></div>

Within your form submission method add the following:

var response = Request["g-recaptcha-response"];
string secretKey = YOUR SECRET KEY HERE;
var client = new WebClient();
var result = client.DownloadString(string.Format("https://www.google.com/recaptcha/api/siteverify?secret={0}&response={1}", secretKey, response));
var obj = JObject.Parse(result);
var status = (bool)obj.SelectToken("success");

if(!status)
{
    //ADD CODE HERE THAT YOU WANT TO HAPPEN IF THE CAPTCHA FAILS
}

Hi Alistair,

Have you tried stepping through your code with debugger to see what part is hanging?

Cheers,

Marc

You should add a break point to the first line of your method. Then run debugger to step through each line of code. You will be able to see where it is hanging.

Hi Marc,

Right. I've finally sorted out the @Html.Action problem and the reason for it is too embarrasing an error to repeat here, especially as it doesn't relate to the initial topic of the post. Suffice to say that my form now displays as before, with the reCaptcha at the bottom. However, I still have the same problem with your solution, ie It doesn't matter if I check the reCaptcha or not, clicking the send button results in the message "The reCaptcha is not correct" and no email is sent. Any ideas?

Cheers, Alistair

Hi,

I managed to work out how to capture the error code from reCaptcha and it was:

missing-input-response - The response parameter is missing

Below is the latest version of my controller, hacked about in an attempt to get the error-codes. Can anybody tell me why the response isn't getting passed to Google? I haven't included the SendMessage() section as it remains the same as before. SendMail() is what's being called initially.

using ContactFormView.Models;
using System.Net.Mail;
using System.Web.Mvc;
using Umbraco.Web;
using Umbraco.Web.Mvc;
using Newtonsoft.Json;
using System.Collections.Generic;
using System;
using System.Diagnostics;
using System.IO;
using System.Text;

namespace ContactFormView.Controllers
{
public class ContactFormSurfaceController : SurfaceController
{

    public class ReCaptchaClass
    {
        public static string Validate(string EncodedResponse)
        {
            var client = new System.Net.WebClient();

            string PrivateKey = "6LfLjxcUAAAAAD3uofXIL0Evj8G3LgG5T04oz3RD";

            var GoogleReply = client.DownloadString(string.Format("https://www.google.com/recaptcha/api/siteverify?secret={0}&response={1}", PrivateKey, EncodedResponse));

            var captchaResponse = JsonConvert.DeserializeObject<ReCaptchaClass>(GoogleReply);

            var errorlist = captchaResponse.ErrorCodes;

            if (errorlist.Count != 0)
            {
                Console.SetOut(new DebugTextWriter());
                errorlist.ForEach(Console.WriteLine);
            }
            else
            {
                Console.SetOut(new DebugTextWriter());
                Console.WriteLine("No errors from reCaptcha");
            }

            return captchaResponse.Success;
        }

        [JsonProperty("success")]
        public string Success
        {
            get { return m_Success; }
            set { m_Success = value; }
        }

        private string m_Success;

        [JsonProperty("error-codes")]
        public List<string> ErrorCodes
        {
            get { return m_ErrorCodes; }
            set { m_ErrorCodes = value; }
        }


        private List<string> m_ErrorCodes;

    }

    [HttpPost]
    public ActionResult SendMail(ContactFormViewModel model)
    {

        if (!ModelState.IsValid)
        {
            return CurrentUmbracoPage();
        }
        else
        {
            string EncodedResponse = Request.Form["g-Recaptcha-Response"];
            bool IsCaptchaValid = (ReCaptchaClass.Validate(EncodedResponse) == "true" ? true : false);

            if (!IsCaptchaValid)
            {
                ModelState.AddModelError("reCAPTCHA", "The reCAPTCHA is incorrect");
                return CurrentUmbracoPage();
            }
            else
            {
                return SendMessage(model);
            }
        }
    }

Hi Gurus,

I am so frustrated with this reCAPTCHA V2 using MVC in Umbraco v8.x.x. It does not check or validate recaptcha at all. It simply submit the form with no message. Please help.

I used recent latest video of creating Contact form and client dependency Umbraco v8 on youtube, When i submit the form it doesn't validate the Recaptha field.

using Project.Core.Services;
using Project.Core.ViewModels;
using Recaptcha.Web;
using Recaptcha.Web.Mvc;
using System.Web;
using System.Web.Mvc;
using Umbraco.Web;
using Umbraco.Web.Mvc;

namespace Project.Core.Controllers
{
    public class ContactSurfaceController : SurfaceController
    {
        private readonly ISmtpService _smtpService;

        public ContactSurfaceController(ISmtpService smtpService)
        {
            _smtpService = smtpService;
        }

        [HttpGet]
        public ActionResult RenderForm()
        {
            ContactViewModel model = new ContactViewModel() { ContactFormId = CurrentPage.Id };
            return PartialView("~/Views/Partials/Contact/contactForm.cshtml", model);
        }

        [HttpPost]
        public ActionResult RenderForm(ContactViewModel model)
        {
            return PartialView("~/Views/Partials/Contact/contactForm.cshtml", model);
        }

        [HttpPost]
        public ActionResult SubmitForm(ContactViewModel model)
        {

            if (!ModelState.IsValid)
            {
                return CurrentUmbracoPage();

            }

            RecaptchaVerificationHelper recaptchaHelper = this.GetRecaptchaVerificationHelper();
            if (string.IsNullOrEmpty(recaptchaHelper.Response))
            {
                ModelState.AddModelError("reCAPTCHA", "Please complete the reCAPTCHA");
                return CurrentUmbracoPage();
            }
            else
            {
                RecaptchaVerificationResult recaptchaResult = recaptchaHelper.VerifyRecaptchaResponse();
                if (recaptchaResult != RecaptchaVerificationResult.Success)
                {
                    ModelState.AddModelError("reCAPTCHA", "The reCAPTCHA is incorrect");
                    return CurrentUmbracoPage();
                }
            }

            bool success = false;

            if (ModelState.IsValid)
            {
                success = _smtpService.SendEmail(model);

            }

            var contactPage = UmbracoContext.Content.GetById(false, model.ContactFormId);
            var successMessage = contactPage.Value<IHtmlString>("successMessage");
            var errorMessage = contactPage.Value<IHtmlString>("errorMessage");

            return PartialView("~/Views/Partials/Contact/result.cshtml", success ? successMessage : errorMessage);

        }
    }
}

and my View Model:

        public class ContactViewModel
        {
            [Required(ErrorMessage = "Please enter your name")]
            public string Name { get; set; }

            [Required(ErrorMessage = "please enter your email address")]
            [EmailAddress(ErrorMessage = "you must enter a valid email address")]
            public string Email { get; set; }

            [Required(ErrorMessage = "please enter your message")]
            [MaxLength(length: 500, ErrorMessage = "Your message must be no longer than 500 characters")]
            public string Message { get; set; }

            @*[Required(ErrorMessage = "please confirm you are human")]
            public string ErrorMessageCaptcha { get; set; }*@

            public int ContactFormId { get; set; }
        }

and my Partial View

is working on a reply...