Discussion on: reCaptcha verification with EmailJS

No problem at all.

I’ve had a look your code and done a bit of research on Nuxt to understand it a bit better.

You’re using .sendForm and passing the e.target as the third parameter. AFAIK Recaptcha only works with the .send function.

So this is what I’d suggest:

1. Change .sendForm to be .send
2. For the third parameter pass an object, the keys need to be the same as your EmailJS template. I’ll assume they’re name, email and message. Then add another key: g-recaptcha-response.
3. Add an ID to the two inputs and text areas, something like id=“form-name” etc.
4. Populate the object using document.getElementById(). So the EmailJS parameter object and .send function should roughly look like:

const emailsJSParams = {
    name: document.getElementById('form-name').value,
    email: document.getElementById('form-email').value,
    message: document.getElementById('form-message').value,
    'g-recaptcha-response': yourCaptchaResponse,
}

emailjs
        .send(
          'service_bt8lbbb',
          'mcea_contact_form',
          emailsJSParams,
          'user_ddB1kBYjUr7bhz87JDRm5'
        )

I’ve not tested that code block but it should at least put you on the right track!

Let me know how you get on and if you need further assistance.

Thanks, James