<div class="form-group"> <input type="hidden" id="g-recaptcha-response" name="g-recaptcha-response"> </div> <script src="https://www.google.com/recaptcha/api.js?onload=onloadCallback&render=6LfQgPoUAAAAAPeMjkmIFZ16_-HvrfJRE9OD3Yec" async defer ></script> <script type="text/javascript"> var onloadCallback = function() { grecaptcha.ready(function() { grecaptcha.execute('6LfQgPoUAAAAAPeMjkmIFZ16_-HvrfJRE9OD3Yec', {action: 'contact'}).then(function(token) { var recaptchaResponse = document.getElementById('g-recaptcha-response'); if(recaptchaResponse) { recaptchaResponse.value = token; } }); }); $.ajaxSetup({ beforeSend: function(jqXHR, settings) { if ($('#g-recaptcha-response').length) { if (settings.data.indexOf('submitAccount') !== -1 && settings.data.indexOf('g-recaptcha-response') === -1) { settings.data += '&g-recaptcha-response=' + $('#g-recaptcha-response').val(); } } }, complete: function(jqXHR,status) { if ($('#g-recaptcha-response').length) { onloadCallback(); } } }); }; </script>