使用jQuery验证RECAPTCHA

<script src="https://www.google.com/recaptcha/api.js" async defer></script>
<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>

<form id="myForm" action="your_action_url" method="post">
  <!-- 在此处添加其他表单字段 -->
  
  <div class="g-recaptcha" data-sitekey="your_site_key"></div>
  <button type="submit">提交</button>
</form>

<script>
$(document).ready(function() {
  $('#myForm').on('submit', function(e) {
    e.preventDefault();
    
    // 获取reCAPTCHA响应
    var recaptchaResponse = grecaptcha.getResponse();
    
    // 检查是否填写了reCAPTCHA
    if (recaptchaResponse.length === 0) {
      alert('请完成reCAPTCHA验证');
      return;
    }
    
    // 发送AJAX请求验证reCAPTCHA
    $.ajax({
      url: 'https://www.google.com/recaptcha/api/siteverify',
      type: 'POST',
      data: {
        secret: 'your_secret_key',
        response: recaptchaResponse
      },
      success: function(response) {
        if (response.success) {
          // reCAPTCHA验证成功，提交表单
          $('#myForm')[0].submit();
        } else {
          // reCAPTCHA验证失败
          alert('reCAPTCHA验证失败，请重试');
        }
      },
      error: function() {
        alert('AJAX请求失败，请检查网络连接');
      }
    });
  });
});
</script>