How to validate form before recaptcha runs

[Jeremy_Pavlich]

I am trying to implement recaptcha in one of our forms and I am using the script below. I am running into an issue where if the user does not fill out the form completely the validation kicks in but it will not let them submit the form even after correcting the info on the form. What I think is happening is the recaptcha is firing off to google server before the form is validated. How can I make sure the form is validated before it runs the recaptcha?

<script type="text/javascript">
MktoForms2.whenReady(function (form) {
jQuery( "button[type='submit']" ).addClass( "g-recaptcha" ).attr( "data-sitekey", "mykey" ).attr("data-callback","letsGo");
jQuery.getScript( "https://www.google.com/recaptcha/api.js");
 letsGo = function() {  
    MktoForms2.whenReady(function (form) {  
      var v = grecaptcha.getResponse();  
      form.vals({"spamCheck" : v});  
      form.submit();  
    });   
    };   
});  
</script>  

[SanfordWhiteman]

Follow the recipe at MktoForms2 :: reCAPTCHA v3 v1.1.1

That's how you integrate asynchronous requests with the Forms 2.0 API.

[Jeremy_Pavlich]

Are the webhooks the same set up as they are for previous set ups for recaptcha?

[SanfordWhiteman]

Nope, not the same, you need to account for a whole different response type.

[Jeremy_Pavlich]

Do you have a link to a post outlining how to set up the web hooks maybe?

[SanfordWhiteman]

Working on one.