0 Replies Latest reply on Jun 8, 2017 8:53 AM by User Since V1.5

    Problem integrating Google reCaptcha v2 into a simple form

    User Since V1.5 Level 1

      I am at my wits' end attempting to integrate Google's recaptcha v2 with a simple HTML form. I hope someone can help.


      In the <head> of the form page I have


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


      as directed by Google.


      Within the form I have


          <div class="g-recaptcha" data-sitekey="xxxxxxxxxxx"></div>


      where xxxxxxxxxxx is the sitekey provided by Google. When the form is displayed, this is properly creating the recaptcha widget.


      On the target page that processes the form submission, I have this:


          <cfset form.RecaptchaResponse = "">

          <cfif StructKeyExists(form, "g-recaptcha-response")>

                 <cfset form.RecaptchaResponse = form["g-recaptcha-response"]>



          <cfhttp url="https://www.google.com/recaptcha/api/siteverify" method="post" result="captchaResult">

            <cfhttpparam type="formfield" name="secret" value="zzzzzzzz">

            <cfhttpparam type="formfield" name="response" value="#form.RecaptchaResponse#">

            <cfhttpparam type="formfield" name="remoteip" value="#cgi.remote_addr#">



          <cfset result = "#deserializeJSON(StructFind(variables.captchaResult, 'FileContent'))#">

          <cfif result.success is "false">

              <cflocation addtoken="no" URL="/">



           ...start processing the submission.


      where zzzzzzzz is the secret key provided by Google.


      First I intentionally submit the form without responding to the captcha. I dump the variable captchaResult (a structure). Its 'FileContent' key is a JSON string, and in that string, 'Success' is 'false'. This submission redirects to the site's home page -- exactly as desired.


      Next I submit the form correctly, including responding to the captcha. Dumping captchaResult and then aborting, I see that 'Success' is 'true'. In other words, Google is definitely passing this submission.


      So now I reload everything and resubmit correctly, including responding to the captcha. ColdFusion replies with this on my target page:


         We're sorry...


          Element G is undefined in FORM.

          The error occurred on line 1.


      What the #$% is going on?? Any suggestions will be gratefully and humbly accepted.


      Message was edited by: Jordan Backler Forgot to include that I am using CF 10