How can I make reCAPTCHA a required field?

Question

I'm using Google reCAPTCHA and have been able to add the CAPTCHA component to my page inside a form. But when I submit the form there's no validation taking place to check if the CAPTCHA has been solved.

How do I validate that the CAPTCHA component has been solved when submitting my form? Or, in other words, how do I make my CAPTCHA component required?

Answer 1

if you want to use the native html5 popups, than here is the solution

JavaScript:

window.onload = function() {     var $recaptcha = document.querySelector('#g-recaptcha-response');      if($recaptcha) {         $recaptcha.setAttribute("required", "required");     } }; 

CSS:

#g-recaptcha-response {     display: block !important;     position: absolute;     margin: -78px 0 0 0 !important;     width: 302px !important;     height: 76px !important;     z-index: -999999;     opacity: 0; }