How to setup Google reCAPTCHA

<form id="SignUp" data-message="Thank you, your form has been submitted.">
    <div class="form-group">
        <label>Email</label>
        <input class="form-control input-lg" name="Email" type="email" required>
    </div>
    <div class="form-group">
        <div class="g-recaptcha" id="captcha1" data-sitekey="ENTER-YOUR-SITE-KEY-HERE"></div>
    </div>
    <button class="btn btn-success btn-lg" type="submit">Sign up</button>
</form>

<script src="https://www.google.com/recaptcha/api.js" async defer></script>

/* This code checks that the reCAPTCHA token posted with the form is valid */
/* The secret key (Google calls it the legacy key) lives in #/Config, never in code */
var config = docly.getJson("#/Config") || {};

var token = form["g-recaptcha-response"];
if (token && typeof token !== "string") token = token.length > 0 ? token[0] : "";
if (!token) throw new Error("Validation failed: token not specified!");

/* httpFormPost sends the secret in the form body, not in the URL */
var result = docly.httpFormPost("https://www.google.com/recaptcha/api/siteverify", {
    secret: config.RecaptchaSecret,
    response: String(token)
});
if (!result || result.success !== true) throw new Error("Google validation failed!"); /* It didn't validate and code will exit here */

/* It validated, enter the code below to proceed with your desired actions */