这个客户端验证reCaptcha- 以下对我有用：

如果在客户端grecaptcha.getResponse();返回时未验证 reCaptcha null，则返回null.

Javascript代码：

var response = grecaptcha.getResponse();

if(response.length == 0)
    //reCaptcha not verified

else
    //reCaptch verified

使用它通过简单的 javascript 验证谷歌验证码。

html 正文中的此代码：

<div class="g-recaptcha" id="rcaptcha" style="margin-left: 90px;" data-sitekey="my_key"></div>
<span id="captcha" style="margin-left:100px;color:red" />

这段代码放在调用 get_action(this) 方法表单按钮的头部部分：

function get_action(form) 
{
    var v = grecaptcha.getResponse();
    if(v.length == 0)
    {
        document.getElementById('captcha').innerHTML="You can't leave Captcha Code empty";
        return false;
    }
    else
    {
        document.getElementById('captcha').innerHTML="Captcha completed";
        return true; 
    }
}

如果您在回调中呈现 Recaptcha

<script src="https://www.google.com/recaptcha/api.js?onload=onloadCallback&render=explicit" async defer></script>

使用空的 DIV 作为占位符

<div id='html_element'></div>

那么您可以在成功的 CAPTCHA 响应上指定一个可选的函数调用

var onloadCallback = function() {
    grecaptcha.render('html_element', {
      'sitekey' : 'your_site_key',
      'callback' : correctCaptcha
    });
  };

然后，recaptcha 响应将发送到“correctCaptcha”功能。

var correctCaptcha = function(response) {
    alert(response);
};

所有这些都来自 Google API 说明：

Google Recaptcha v2 API 说明

我有点不确定你为什么要这样做。通常，您会将 g-recaptcha-response 字段与您的私钥一起发送，以安全地验证服务器端。除非您想在 recaptcha 成功或类似情况下禁用提交按钮 - 在这种情况下，上述方法应该有效。

希望这可以帮助。

保罗

简化保罗的回答：

来源：

<script src="https://www.google.com/recaptcha/api.js"></script>

HTML：

<div class="g-recaptcha" data-sitekey="YOUR_KEY" data-callback="correctCaptcha"></div>

JS：

var correctCaptcha = function(response) {
        alert(response);
    };

我使用了 HarveyEV 的解决方案，但误读了它并使用 jQuery 验证而不是 Bootstrap 验证器来完成它。

  <script src="http://ajax.aspnetcdn.com/ajax/jquery.validate/1.14.0/jquery.validate.min.js"></script>
  <script>
    $("#contactForm").validate({
      submitHandler: function (form) {
        var response = grecaptcha.getResponse();
        //recaptcha failed validation
        if (response.length == 0) {
          $('#recaptcha-error').show();
          return false;
        }
          //recaptcha passed validation
        else {
          $('#recaptcha-error').hide();
          return true;
        }
      }
    });
  </script>