reCAPTCHA V2 verification

[kevinfisk]

I am wondering if anyone has gotten reCAPTCHA V2 verification to work?

I ask because I've gone through several different mechanisms of ttroubleshooting a 400 response from emailJS. I should point out I'm using this on a static site using client side SDK. I can send emails from a form I've built just fine, right up until I enable reCaptcha. I can observe the g-recaptcha-response and as best I can tell, it looks valid. reCaptcha times out waiting and as mentioned, I get a 400 error from emailJS if enabled.

"POST https://api.emailjs.com/api/v1.0/email/send-form 400 (Bad Request)"
Failed to send email: {status: 400, text: 'reCAPTCHA: invalid-input-response'}"

I've verified my reCaptcha settings, domain is correct, reCAPTCHA type:v2 Tickbox, secret key and site key from my recaptcha inclusion. Everything else is 200 (from my console) except when submitting my form data followed by immediate emailJS rejection.

For the time being, I'm just looking to see if anyone is currently using this successfully. Thank you.

[xr0master]

You need to put a secret key in the dashboard -> template settings.

[kevinfisk]

Thank you for the reply. Sorry, I maybe should have described better the steps I did on emailjs but couldn't find any way to make it work. My template works fine without it, but as soon as I enable and put my key in (no spaces at the end) I get the above error.

If it works for other and not me, well, I suppose I am at loss ... sounds like perhaps it does. :(

[xr0master]

Just to ensure, you are using the secret key for the template settings, right?
Did you try to google the "reCAPTCHA: invalid-input-response" error?

[kevinfisk]

So, short answer is 'yes'.
From my reCaptcha console I copied my 'legacy secret key' and pasted it into the Settings text box for reCaptcha2 and enabled for the template.

From my site, I get the response token from grecaptcha (which I can see is returned 200). I pass this token in the form response along with my service id and template id, which is when I get the bad response. Something llike;

`
const recaptchaResponse = grecaptcha.getResponse();
.....

    recaptchaInput.type = 'hidden';
    recaptchaInput.name = 'g-recaptcha-response';
    recaptchaInput.value = recaptchaResponse;
    form.appendChild(recaptchaInput);
   ....
        const response = await emailjs.sendForm(
          "<service_id>",
          "<template_id>",
          form  // passes the entire form element
        );

`
.. there is more to it but that's the essence of the reCaptcha. Fails at sendForm.

On the second point, I did indeed google the failed to send email response, including asking Gemini for some help. Unfortunately after a few hours of trying various ways and means I couldn't get past that bad response when calling sendForm.

I'll maybe look at creating a separate site and testing with just the form. The origin post was more of a sanity check on ' ... is there something I'm doing wrong ....'. Admittedly, this is my first go at using reCaptcha so there is a good chance I am but wanted the sanity check before I continued.

[xr0master]

Why are you executing the code?

    recaptchaInput.type = 'hidden';
    recaptchaInput.name = 'g-recaptcha-response';
    recaptchaInput.value = recaptchaResponse;
    form.appendChild(recaptchaInput);

It's done by recpatcha, but if so, you have to do it before the form is submitted.