Estoy tratando de agregar google recaptcha 3 a mi formulario html. Funciona cuando lo llamo en la carga de la página, pero debido al hecho de que caduca después de 2 minutos y debe llamarse cuando esté listo, estoy tratando de agregarlo a mi función de envío, pero no sé dónde lo estoy haciendo mal.

mi código js es:

 <script> $(document).ready(function () { $('.regformsubmit').click(function (e) { grecaptcha.execute('6LcVzjYcmykey is here', {action: 'validate_captcha'}).then(function(token) { // add token to form $("#register_form").prepend('<input type="hidden" name="g-recaptcha-response" id="g-recaptcha-response" value="' + token + '">'); }); var myForm = jQuery( "#register_form" ); if ( ! myForm[0].checkValidity() ) { // bonk! failed to validate, so return true which lets the // browser show native validation messages to the user return true; } e.preventDefault(); var country = $('#country').val(); var fname = $('#fname').val(); var lname = $('#lname').val(); var emailid = $('#emailid').val(); var password = $('#password').val(); var confirm_password = $('#confirm_password').val(); var phone = $('#phone').val(); var vcode = $('#vcode').val(); var upline = $('#upline').val(); var agree_term = $('#agree_term').val(); var cr = $('#g-recaptcha-response').val(); $.ajax ({ type: "POST", url: "process-reg.php", data: { "country": country,"fname":fname, "lname": lname, "emailid": emailid, "password": password, "confirm_password": confirm_password, "phone": phone, "vcode": vcode, "upline": upline, "agree_term": agree_term, "cr": cr }, success: function (data) { $('#RegResult').html(data); $('#register_form')[0].reset(); } }); }); }); </script>