css - 联系表单示例不适用于 reCAPTCHA

Question

有人可以帮我处理这个电子邮件联系表吗？我完全不知道自己在用这个做什么，而且我以前从未做过类似的事情。

我正在处理这个例子 https://css-tricks.com/examples/NiceSimpleContactForm2/

我已将示例放在 http://www.techagesite.com/contact/index.php 上

我不确定我必须做什么才能让 reCAPTCHA 正常工作。事实上，它甚至没有出现在作者的在线版本中。

我不知道我是否应该发布所有包含的 php 文件的代码，或者您是否可以从示例 zip 本身中解决它。

Answer 1

Check out this page, which is where this is shamelessly taken from:

从您的代码示例来看，您似乎正试图在 <iframe> 中生成一个 recaptcaha .这不会很容易工作 - 验证码的目的是让您提交一个表单，其中包含您的代码应该验证服务器端的附加值。

只需起草一个普通的 HTML 表单(去掉 iframe 部分)，然后删除创建 recaptacha 部分的 php 代码，就像在表单 (contact_form.php) 中这样:

  <form method="post" action="verify.php">
    <?php
      require_once('recaptchalib.php');
      $publickey = "your_public_key"; // you got this from the signup page
      echo recaptcha_get_html($publickey);
    ?>
    <input type="submit" />
  </form>

当页面呈现时，php 被 javascript 替换。当用户提交您的表单时，它会发布到 action 中的 url。上面是验证验证码输入的服务器端代码 (verify.php):

<?php
  require_once('recaptchalib.php');
  $privatekey = "your_private_key";
  $resp = recaptcha_check_answer ($privatekey,
                                $_SERVER["REMOTE_ADDR"],
                                $_POST["recaptcha_challenge_field"],
                                $_POST["recaptcha_response_field"]);

  if (!$resp->is_valid) {
    // What happens when the CAPTCHA was entered incorrectly
    die ("The reCAPTCHA wasn't entered correctly. Go back and try it again." .
         "(reCAPTCHA said: " . $resp->error . ")");
  } else {
    // Your code here to handle a successful verification
  }
  ?>

就是这样。