Google recaptcha v2 复选框未验证答案

【问题标题】：Google recaptcha v2 tick box isn't verifyingGoogle recaptcha v2 复选框未验证
【发布时间】：2019-09-10 03:50:15
【问题描述】：

我通过 Dreamweaver 创建了一个网站，其中包含一个简单的联系表单来发送电子邮件。以前它没有recaptcha 并且工作正常，发送电子邮件并正确显示成功/失败消息。我现在使用 Recaptcha v2 复选框重新编写了它，但现在总是收到错误消息“验证码无效”，并且没有电子邮件。页面正确显示。验证码正确显示并允许您进行选择，然后单击验证按钮，从而产生绿色勾号。但是，点击发送按钮时，总是失败。

感激地接受任何帮助。

直播网站：https://www.simpleenglish.info/en/contact_us/contact_form.php

我确认站点密钥和秘密密钥以及所有电子邮件地址都是正确的。我已经通过谷歌管理员两次删除并创建了密钥并关联了域，但均未成功。我相信代码是正确的（没有明显的错误）。我在这里没有发现任何类似的问题，也没有发现 Google Groups 可以为我指明方向。我不知道还能去哪里看。

contact_form.php 代码（现已完成）：

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"><!-- InstanceBegin template="/Templates/SE1.dwt" codeOutsideHTMLIsLocked="false" -->
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<!-- InstanceBeginEditable name="doctitle" -->
<title>Simple English Contact</title>

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

<!-- Global site tag (gtag.js) - Google Analytics -->
<script async src="https://www.googletagmanager.com/gtag/js?id=UA-136785269-1"></script>
<script>
  window.dataLayer = window.dataLayer || [];
  function gtag(){dataLayer.push(arguments);}
  gtag('js', new Date());

  gtag('config', 'UA-136785269-1');
</script>

<script>
  (adsbygoogle = window.adsbygoogle || []).push({
    google_ad_client: "ca-pub-1086244781484067",
    enable_page_level_ads: true
  });
    </script>

    <link href="https://www.simpleenglish.info/SE_3ColLiquid.css" rel="stylesheet" type="text/css" /><!--[if lte IE 7]>
    <style>
    .content { margin-right: -1px; } /* this 1px negative margin can be placed on any of the columns in this layout with the same corrective effect. */
    ul.nav a { zoom: 1; }  /* the zoom property gives IE the hasLayout trigger it needs to correct extra whiltespace between the links */
    </style>
<![endif]-->
<!-- InstanceBeginEditable name="head" -->
<!-- InstanceEndEditable -->
</head>

<body>

<div class="container">

  <div class="sidebar1"> <a href="https://www.simpleenglish.info/index.html"><img src="/images/logo.jpg" alt="Simple English Logo" width="99%"/></a>
    <ul class="nav" >      
      <li><a href="https://www.simpleenglish.info/index.html">Home</a></li>
      <li><a href="https://www.simpleenglish.info/en/vocabulary.html">Vocabulary</a></li>
      <li><a href="https://www.simpleenglish.info/en/usefullinks.html">Useful Links</a></li>
      <li><a href="https://www.simpleenglish.info/en/teachersaids.html">Teacher's Aids</a></li>
      <li><a href="https://www.simpleenglish.info/en/contact_us/contact_form.php">Contact us</a></li>
      <li><a href="https://www.simpleenglish.info/en/sitemap.html">Site Map</a></li>
    </ul>
</div>

  <div class="content">
    <img src="https://www.simpleenglish.info/images/title.jpg" width="99%" alt="Simple English Title"/>
    <br />
    <br />
    <!-- InstanceBeginEditable name="EditRegionContent" -->
    <h1 class="pageheader">Contact Us</h1> 
    <p>To send us a message, please enter <strong>all the information</strong> in the following form, then click the 'Send' button.</p> 

      <div class="contact_us"> 
          <form method="post" action="" accept-charset="UTF-8"> 
              <table> 
                  <tr><td>Name:</td><td><input type="text" name="sendername" placeholder="Enter your full name" size="50" required="required"/></td></tr> 
                  <tr><td>Email:</td><td><input type="email" name="senderemail" placeholder="Enter your email address" size="50" required="required"/></td></tr> 
                  <tr><td>Message Context:</td><td><input type="text" name="sendercontext" placeholder="this will be context" size="50" required="required"/></td></tr> 
                  <tr><td>Message:</td><td><textarea name="sendermessage" rows="5" cols="50" placeholder="How can we help you?" required="required"></textarea></td></tr> 
                  <tr><td>Spam Check:</td><td><div class="g-recaptcha" data-sitekey="XXX Correct Key XXX"></div></td></tr> 
                  <tr><td></td><td><input type="submit" name="submit" value="Send" class="submit-btn"/></td></tr>
              </table> 
          </form> 

          <div class="status"> 
              <?php if(isset($_POST['submit'])) 
               { 
                $user_name = $_POST['sendername']; 
                $user_email = $_POST['senderemail']; 
                $user_context = $_POST['sendercontext']; 
                $user_message = $_POST['sendermessage']; 

                $email_from = 'contact@simpleenglish.info'; 
                $email_subject = "Simple English Contact"; 
                $email_body = "Name: $user_name.\n". 
                          "Email: $user_email.\n". 
                          "Context: $user_context.\n". 
                          "Message: $user_message.\n"; 
                $to_email = "admin@simpleenglish.com"; 
                $header = "From: $email_from \r\n"; 
                $header .= "Reply-To: $user_email \r\n"; 
                $secretkey = "XXX Correct Key XXX"; 
                $responsekey = $_POST['g-recaptcha-response']; 
                $userip = $_SERVER['REMOTE_ADDR']; 
                $url = "https://www.google.com/recaptcha/api/siteverify?secret=$secretkey&response=$responsekey&remoteip=$userip"; 

                $response = file_get_contents($url); 
                $response = json_decode($response); 

            if($response->success) 
            { 
                mail($to_email,$email_subject,$email_body,$header); 
                echo "Message sent successfully"; 
            } 
            else 
            { 
                echo "Invalid Captcha. Please try again."; 
            } 
           } 
          ?> 
      </div> 
  </div>   

<p>&nbsp;</p>
<p>&nbsp;</p>
<!-- InstanceEndEditable -->
<p>&nbsp;</p>
<!-- end .content --></div>

<div class="sidebar2">
<h4>&nbsp;</h4>
<p>&nbsp;</p>
<!-- end .sidebar2 --></div>

<div class="footer">
<p>Copyright © 2018<br />
   All rights reserved <!-- end .footer --></p>
</div>
<!-- end .container --></div>
</body>
<!-- InstanceEnd --></html>

【问题讨论】：

在$response 上做一个var_dump 看看谷歌返回了什么？有一段时间没有使用 v2 但文档说方法应该是 POST 你试过了吗？
Second2None，感谢您发现“POST”。我已经做出改变，但没有运气。我将运行 var_dump，但 TBH 不知道我在寻找什么。
您想发布您尝试过的 POST 代码吗？ $response 又返回了什么？
我不确定如何在此处发布代码，这些 cmets 有字符限制。如果你能告诉我怎么做，我会做的。 var_dump 的结果是 "NULL" 。虽然通过玩耍，在一次测试中我也得到了“bool（false）”。如前所述，我不知道这些是什么意思，但希望对您有所帮助？
您可以编辑您的问题并将其添加到底部。 file_get_contents 在失败时返回 false，在将其转换为 json 之前执行 var_dump($response)，json_decode 在无效 json 时返回 NULL。我检查了您的表格，g-recaptcha-response 发送正确。我将在下面发布我通常如何使用 file_get_contents 进行检查的答案

标签： recaptcha

【解决方案1】：

recaptcha 的 div 标签未正确关闭。请查看页面源代码，您会在表格行中看到它。

<tr><td>Spam Check:</td><td><div class="g-recaptcha" data-sitekey="6Lc8OZ8UAAAAABUosvouUbamfotW9Pp-9ioRIEOZ"></td></tr>

【讨论】：

谢谢！我没有发现那个错误，但它并没有解决问题。和以前一样的错误。
所以仔细检查了你的源代码，所有标签似乎都被正确关闭了。我唯一能想到的是您的站点密钥和密钥不正确。 p.s 我拿了你的代码，用我的钥匙在我的网站上使用它并且工作正常。
如果你真的卡住了，你介意粘贴你正在处理的文件的内容吗？
Carlitos，非常感谢您的帮助。我已经仔细检查了代码，通过 Dreamweaver 工具和 htmltidy.net 运行它并相信代码是正确的（但接受我犯了错误并且证明我自己的代码总是最难的！:-) 我不确定如何粘贴完整文件 - cmets 有字符限制。

【解决方案2】：

因为我使用类，所以我把它放到了一个函数中。 Google 期望该方法是 POST。您可以通过设置stream_context_create 选项来使用file_get_contents 执行此操作。

其余的很容易解释，$secretkey 是你的recaptcha 密钥，$captcha 是你的$_POST['g-recaptcha-response']

https://www.php.net/manual/en/function.stream-context-create.php

function checkRecaptcha( $secretkey , $captcha ){

    $url = 'https://www.google.com/recaptcha/api/siteverify';
    $data = [
        'secret' => $secretkey , 
        'response' => $captcha ,
        'remoteip' => $_SERVER['REMOTE_ADDR'] ,
    ];
    $options = [
        'http' => [
          'header'  => "Content-type: application/x-www-form-urlencoded\r\n",
          'method'  => 'POST',
          'content' => http_build_query( $data )
          ]
    ];
    $context  = stream_context_create( $options );
    $contents = file_get_contents( $url , false , $context );
    $response = json_decode( $contents , true ); //convert to assoc array
    // if you want to use objects, remove true from json decode and then use $response->success
    if( ! $response["success"] ) { 
        return false;
    }
    return true;
}

然后你可以像这样使用它：

<?php

function checkRecaptcha( $secretkey , $captcha ){

    $url = 'https://www.google.com/recaptcha/api/siteverify';
    $data = [
        'secret' => $secretkey , 
        'response' => $captcha ,
        'remoteip' => $_SERVER['REMOTE_ADDR'] ,
    ];
    $options = [
        'http' => [
            'header'  => "Content-type: application/x-www-form-urlencoded\r\n",
            'method'  => 'POST',
            'content' => http_build_query( $data )
            ]
    ];
    $context  = stream_context_create( $options );
    $contents = file_get_contents( $url , false , $context );
    $response = json_decode( $contents , true ); //convert to assoc array
    // if you want to use objects, remove true from json decode and then use $response->success
    if( ! $response["success"] ) { 
        return false;
    }
    return true;
}

if( isset($_POST['submit'] ) ) {

    $secretkey = "XXX Correct key here XXX";

    if( ! checkRecaptcha( $secretkey , $_POST['g-recaptcha-response'] ) ) {

        //only set variables if passes recaptcha

        //validate email address
        if ( ! filter_var( $_POST['senderemail'] , FILTER_VALIDATE_EMAIL)) {
            echo "Please provide a valid email";
            die();
        }

        //ensure user doesn't post HTML
        $user_name = strip_tags ( $_POST['sendername'] ); 
        $user_context = strip_tags ( $_POST['sendercontext'] );
        $user_message = strip_tags ( $_POST['sendermessage'] );

        $email_body = "Name: $user_name.\n"."Email: {$_POST['senderemail']}.\n"."Context: $user_context.\n"."Message: $user_message.\n";

        $header = "From: bla@simpleenglish.info \r\n";
        $header .= "Reply-To: {$_POST['senderemail']} \r\n";

        mail( 'bla@simpleenglish.com' , 'Simple English Contact' , $email_body , $header );
        echo "Message sent successfully";

    }else{

        echo "Invalid Captcha. Please try again.";

    }
}

?>

【讨论】：

感谢S2N，现在是发送成功消息并发送电子邮件，但不管有没有验证码，它都会这样做-也就是说，我可以不做就提交消息并接收电子邮件验证码。我知道这一点是因为我又开始收到垃圾邮件了
检查isset 以确保它不是空白的。不知道为什么谷歌在空字符串上返回成功