DNMOFT.reCAPTCHA.MVC 1.0.0.1

How to Set reCAPTCHA Key in Web.config File

In the appSettings section of your web.config file, add the keys as follows:

<appSettings>
<add name="reCaptchaPublicKey" value="Your site key" />
<add name="reCaptchaPrivateKey" value="Your secret key" />
</appSettings>

Note: The appSettings keys are automatically added to your web.config file if you install reCAPTCHA for .NET through Nuget. However, you would still need to provide your own public and private keys in the web.config file of your project. How to Use reCAPTCHA in MVC Web Application Add the reCAPTCHA Control to Your MVC View

@using DNMOFT.reCAPTCHA.MVC
@using (Html.BeginForm())
{
    @Html.Recaptcha(publicKey:"xxxxxxxxxxxxx",theme: CaptchaTheme.Dark,type:CaptchaType.Image, 
            callback: "verifyCallback",expiredCallback:"expiredCallback")

    
    @Html.Recaptcha()

    @Html.ValidationMessage("ReCaptcha")
    <input type="submit" value="Register" />
}

reCAPTCHA Callback

<script>
var verifyCallback = function (response) {
    alert("grecaptcha is ready!");
};

var expiredCallback = function () {
    alert("grecaptcha is expired!");
};
</script>

public class HomeController : Controller
{
    [HttpPost]
    [CaptchaValidator(
        PrivateKey = "xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx",
        ErrorMessage = "Invalid input captcha.",
        RequiredMessage = "The captcha field is required.")]
    public ActionResult Index(RegisterModel registerModel, bool captchaValid)
    {
        if (ModelState.IsValid)
        {

        }

        return View(registerModel);
    }
}

@using (Ajax.BeginForm("Index", "Home", new AjaxOptions { OnBegin = "onBeginSubmit" }))
{
    @Html.Recaptcha(theme: CaptchaTheme.Dark)
         
    <input type="submit" value="Register" />
}

<script>
    var onBeginSubmit = function () {
        var v = grecaptcha.getResponse();
        if (v.length == 0) {
            alert("You can't leave without Captcha.");
            return false;
        }
    };
</script>