I am looking for the exact same thing. Just following where this is going :-)

Hello,

Sorry if this is a silly question but where do you go about putting the custom validation, do you have to create a separate class project and reference it or is it just placed in the App_Code folder, can you provide a full class file structure with references as well please if possible?

Thanks.

Should work either way Graham. I tend to have a separate class library but it should work in App_Code just the same. Having a brain fade about exactly what project I did this in I'm afraid so can't put my hands on it now. But think you'll need a reference to Umbraco.Forms.Mvc.

Andy

Thanks Andy, if you do happen to locate the project that you did this in, I would very much welcome if you could send me the code including the customised version FieldTyle.Recaptcha.cshtml.

Have found it, it's what I have above. The only bit you're missing maybe is the using statements - you'll likely need some of:

using System;
using System.IO;
using System.Linq;
using System.Net;
using System.Web;
using System.Web.Mvc;
using System.Web.Script.Serialization;
using Umbraco.Core;
using Umbraco.Core.Models;
using Umbraco.Core.Services;
using Umbraco.Forms.Core;
using Umbraco.Forms.Mvc;
using Umbraco.Forms.Mvc.Controllers;
using Umbraco.Web;
using Newtonsoft.Json;

Likely not all as I have a bit more going on in my class.

Based on Andy's excellent post, I have made a few updates/enhancements. Code files copied here for anyone who is looking for "plug-n-play".

UmbracoFormsEvents.cs

(Compiled with other custom code, or added to App_Code directory)

namespace MYSITE.Events
{
    using System.Collections.Generic;
    using System.Linq;
    using System.Net;
    using System.Web;
    using System.Web.Mvc;
    using Newtonsoft.Json.Linq;
    using Umbraco.Core;
    using Umbraco.Core.Logging;
    using Umbraco.Forms.Mvc;
    using Umbraco.Forms.Web.Controllers;

    public class UmbracoFormsEvents : ApplicationEventHandler
    {
        //Requires Web.config app keys:
        //     <add key="RecaptchaSiteKey" value="XXXX" />
        //     <add key="RecaptchaSecretKey" value="XXXX" />

        protected override void ApplicationStarted(UmbracoApplicationBase umbracoApplication, ApplicationContext applicationContext)
        {
            UmbracoFormsController.FormValidate += this.FormValidate;
            //LogHelper.Info<UmbracoFormsEvents>("ReCaptcha FormValidate Event added to Umbraco Forms.");
        }

        private void FormValidate(object sender, FormValidationEventArgs e)
        {
            //LogHelper.Info<UmbracoFormsEvents>("FormValidate with ReCaptcha Running...");
            var matchingFields = e.Form.AllFields.Where(f => f.FieldType.Name.Contains("Recaptcha"));
            if (matchingFields.Any())
            {
                var reCaptchaField = matchingFields.FirstOrDefault();

                var httpContext = HttpContext.Current;
                var secretKey = System.Configuration.ConfigurationManager.AppSettings["RecaptchaSecretKey"];

                if (secretKey == "")
                {
                    LogHelper.Warn<UmbracoFormsEvents>("ERROR: ReCaptcha v.2 is missing the Secret Key - Please update the web.config to include 'key=\"RecaptchaSecretKey\"'");
                }
                else
                {
                    var reCaptchaResponse = httpContext.Request["g-recaptcha-response"];

                    var url = string.Format(
                        "https://www.google.com/recaptcha/api/siteverify?secret={0}&response={1}",
                        secretKey,
                        reCaptchaResponse);

                    var isSuccess = false;
                    var errorCodes = new List<string>();

                    using (var client = new WebClient())
                    {
                        var response = client.DownloadString(url);

                        JObject responseParsed = JObject.Parse(response);

                        //Get Success Status
                        JToken sucessToken;
                        var sucessFound = responseParsed.TryGetValue("success", out sucessToken);
                        if (sucessFound)
                        {
                            isSuccess = sucessToken.Value<bool>();
                        }

                        //Get Error codes
                        JToken errorsToken;
                        var errorsFound = responseParsed.TryGetValue("error-codes", out errorsToken);
                        if (errorsFound)
                        {
                            var errorsChildren = errorsToken.Children();
                            foreach (var child in errorsChildren)
                            {
                                errorCodes.Add(child.Value<string>());
                            }
                        }
                        else
                        {
                            errorCodes.Add("unknown-error");
                        }
                    }

                    if (!isSuccess)
                    {
                        var controller = sender as Controller;

                        var compiledErrors = ",";

                        foreach (var code in errorCodes)
                        {
                            //TODO: Use Dictionary Keys to return error message text
                            compiledErrors += ", " + code;
                        }
                        compiledErrors = compiledErrors.Replace(",,", "");

                        //Add errors to Form Model
                        var errorMsg = string.Format("Recaptcha Verification Failed: {0}", compiledErrors);
                        controller.ModelState.AddModelError(reCaptchaField.Id.ToString(),errorMsg);
                    }
                }
            }
        }

    }
}

\Views\Partials\Forms\Fieldtypes\Fieldtype.Recaptcha.cshtml

@using Umbraco.Core.Logging
@using Umbraco.Forms.Core;
@using MYSITE.Events

@model Umbraco.Forms.Mvc.Models.FieldViewModel

@{
    //Updated Jan 2016 to use new ReCaptcha 2.0

    var siteKey = System.Configuration.ConfigurationManager.AppSettings["RecaptchaSiteKey"];

    if (siteKey == "")
    {
        LogHelper.Warn<UmbracoFormsEvents>("ERROR: ReCaptcha v.2 is missing the Site Key - Please update the web.config to include 'key=\"RecaptchaSiteKey\"'");
    }
    else
    {
        //LogHelper.Info<UmbracoFormsEvents>("ReCaptcha Site Key:" + siteKey);
        if (!string.IsNullOrEmpty(siteKey))
        {
            var theme = "clean";
            var fieldSettingViewModel = Model.AdditionalSettings.FirstOrDefault(x => x.Key == "Theme");
            if (fieldSettingViewModel.Value != "")
            {
                theme = fieldSettingViewModel.Value;
            }

            <script src="https://www.google.com/recaptcha/api.js" async defer></script>
            <div class="g-recaptcha" data-sitekey="@siteKey" data-theme="@theme"></div>
        }
    }
}

Hi Chris,

Yep - you found it "Umbraco.Forms.Web.dll". I have a secondary compiled "code" project and did use NuGet to access the libraries.

http://www.nuget.org/packages/UmbracoForms.Core/ for anyone who is looking for the right package.

Big thanks to Heather and Andy, this solution saved me some time today.

Just a note that if you happen to have the strange requirement to have 2 forms on the page, your second form may not show the second Recaptcha.

In this case I tweaked the FieldType.Recaptcha.cshtml to allow for multiple recaptcha fields with the following:

        <script src="https://www.google.com/recaptcha/api.js?onload=CaptchaCallback&render=explicit" async defer></script>
        <div class="g-recaptcha" data-sitekey="@siteKey" data-theme="@theme"></div>

        <script type="text/javascript">
            var CaptchaCallback = function () {
                $('.g-recaptcha').each(function (index, el) {
                    grecaptcha.render(el, { 'sitekey': '@siteKey' });
                });
            };
        </script>

How about this package ?

https://our.umbraco.org/projects/collaboration/recaptcha-field-for-umbraco-forms/

Hi Paulis, Add references of the following:

Umbraco.Forms.CodeFirst.dll Umbraco.Forms.Core.dll Umbraco.Forms.Core.Providers.dll Umbraco.Forms.Core.Providers.V6.dll Umbraco.Forms.Core.Providers.V7.dll Umbraco.Forms.Mvc.dll Umbraco.Forms.References.dll Umbraco.Forms.UI.dll

Hi All,

Thanks for the code. But I see a problem that recaptcha field isn't checked for mandatoryness. I was able to submit the form without selecting the recaptcha. Anybody has found the same problem?

Regards

Santhosh

Sorry it was my fault. I didnt hook the eventhandler correctly. Now its fixed.

Thanks again

Regards,

Santhosh

I decided to create a class with the above code, using @AndyButland the library compiled but when i copied to the bin directory nothing happened. I then copied @HeatherFloyd code along with copying the UmbracoForms dlls from https://our.umbraco.org/projects/developer-tools/umbraco-forms/ but had an error

The type or namespace name 'UmbracoFormsEvents' could not be found (are you missing a using directive or an assembly reference?)

Before i dive into this any further would this resolve the issue mentioned for Contour? Along with the version i am using? Or is this strictly for Umbraco Forms?

Hi J,

I have done it for 7.5.14 (Web Forms) + Contour v3.0.31. So it should work.

Here is my code:

/// <summary>
/// Extended umbraco global asax (application events) to include custom recaptcha validation for EU 
/// </summary>
public class ExtendedUmbracoGlobal : UmbracoGlobal
{
    /// <summary>
    /// Eventhandler that gets executed when application gets started
    /// </summary>
    /// <param name="sender"></param>
    /// <param name="e"></param>
    protected override void OnApplicationStarted(object sender, EventArgs e)
    {
        base.OnApplicationStarted(sender, e);
        FormRenderController.FormValidate += FormValidate;
    }

    /// <summary>
    /// Event handler to facilitate the coutour form  validation for recaptcha v2
    /// </summary>
    /// <param name="sender"></param>
    /// <param name="e"></param>
    private void FormValidate(object sender, FormViewEventArgs e)
    {
        var reCaptchaField = e.Form.AllFields.SingleOrDefault(f => f.FieldType.Name == "Recaptcha");
        if (reCaptchaField != null)
        {
            var httpContext = HttpContext.Current;
            if (httpContext == null) return;
            var secretKey = ConfigurationManager.AppSettings["RecaptchaSecretKey"];
            if (string.IsNullOrEmpty(secretKey)) throw new EcomApplicationException("Recaptcha v2 secret key is not configurd in web.config");
            var reCaptchaResponse = httpContext.Request["g-recaptcha-response"];

            var url = string.Format("https://www.google.com/recaptcha/api/siteverify?secret={0}&response={1}",
                secretKey, reCaptchaResponse);
            var isSuccess = false;
            var errorCodes = new List<string>();
            using (var client = new WebClient())
            {
                var response = client.DownloadString(url);
                JObject responseParsed = JObject.Parse(response);

                //Get Success Status
                JToken sucessToken;
                var sucessFound = responseParsed.TryGetValue("success", out sucessToken);
                if (sucessFound)
                {
                    isSuccess = sucessToken.Value<bool>();
                }

                //Get Error codes
                JToken errorsToken;
                var errorsFound = responseParsed.TryGetValue("error-codes", out errorsToken);
                if (errorsFound)
                {
                    var errorsChildren = errorsToken.Children();
                    foreach (var child in errorsChildren)
                    {
                        errorCodes.Add(child.Value<string>());
                    }
                }
                else
                {
                    errorCodes.Add("unknown-error");
                }
            }

            if (!isSuccess)
            {
                var controller = sender as Controller;

                var compiledErrors = ",";

                foreach (var code in errorCodes)
                {
                    //TODO: Use Dictionary Keys to return error message text
                    compiledErrors += ", " + code;
                }
                compiledErrors = compiledErrors.Replace(",,", "");

                //Add errors to Form Model
                var errorMsg = string.Format("Recaptcha Verification Failed: {0}", compiledErrors);
                controller.ModelState.AddModelError(reCaptchaField.Id.ToString(), errorMsg);
            }
        }

    }
}

Hope it helps

Here are the using statements:

using System; using System.Collections.Generic; using System.Configuration; using System.Linq; using System.Net; using System.Web; using System.Web.Mvc; using Newtonsoft.Json.Linq; using Umbraco.Forms.Mvc; using Umbraco.Forms.Mvc.Controllers;

Could you also post your Fieldtype.Recaptcha.cshtml as well please? I have the class compiling but changing UmbracoGlobal to the one listed in Global.asax however i am not seeing any changes or breakpoints hitting.

I have the code as you have suggested.

My FieldType.Recaptcha.cshtml is found under Umbraco>Plugins>UmbracoContour>Views

I add a form to my homepage which has no Recaptcha (old version). In debug mode OnApplicationStarted never hits neither does FormValidate method.

When designing the form i dont see a Recpatcha 2 option either, only Recpatcha so i readd Recaptcha (i assume changing the FieldType.Recaptcha.cshtml would display version 2)?

but the new captcha never displays? I think im missing something obvious? Thanks for your help Santhosh

I've added the exact same class as yours, only difference i have is adding Umbraco.Web.UmbracoApplication instead of UmbracoGlobal, so the code is exactly the same.

Global.asax - <%@ Application Inherits="Umbraco.Web.UmbracoApplication" Language="C#" %>

I have not setup a sitekey or secret key yet as i was looking for an error (to indicate its working) but when i view the form i only see the old captcha

I have the Global file inheriting from my new class and i can now see it hitting the OnApplicationStarted code.... however the form still displays the old captcha.

Anyone?

is working on a reply...