如何在一个页面上使用多个reCAPTCHA表单？

Question

感谢阅读。我的问题是我有多个选项卡，每个选项卡都包含一个表单，我希望每个选项卡也包含一个reCAPTCHA。问题是只有第一个reCAPTCHA被显示。您可以在此页面上看到我的意思。

另一个解决方案是，每个表单使用1个reCAPTCHA，因为一次只能提交一个表单，但需要在提交按钮之前拆分表单以放置reCAPTCHA。我不太确定如何实现这个解决方案。

对于任何一个解决方案的帮助将不胜感激（也可以防止我抓狂）。谢谢您的时间。

如果我没有提供足够的细节，请见谅。这是其中一个表单的结尾。从这个点来说，它们几乎都是相同的。

<div class="row-textarea"><div class = "label">Review: </div>
  <textarea id="msg" name="content"  required></textarea>
</div>


<div class="captcha">
<?php
     require_once('HIDDEN/recaptchalib.php');
     $publickey = "HIDDEN";
     echo recaptcha_get_html($publickey);
?>
</div>

<button class ="button" type="submit">Submit</button>

</form>

理想情况下，应将验证码div从表单中删除，但仍然在提交按钮之前保留它。

思考一下，所有表单的提交按钮都是相同的。是否有一种方法可以使选项卡更改验证码之前的所有表单，并使之后的所有内容保持不变以完成表单。这让我有些思考。

- johnmcg0000

---

你需要发布代码。 - Joe Swindell

请查看我的答案：https://dev59.com/oXM_5IYBdhLWcg3ww2AQ#28126317 - Huseyin Yagli

可能是重复的问题：如何在单个页面上显示多个reCAPTCHA？ - Huseyin Yagli

Answer 1

对于任何正在阅读此内容以寻求解决方案的人，我感到抱歉，但之前的解决方案也没有起作用。reCAPTCHA需要在表单中。我还有一个字数计数器，也只能为一个表单工作。因此，我对此的解决方案是创建链接到一个页面，该页面根据所选择的链接加载单个表单。这不是我想要的，但它完成了工作。

- johnmcg0000

Answer 2

我通过我在上次编辑中提到的方法成功地获得了想要的结果。如果其他人也遇到这个问题（他们可能不会），我的解决方法是只使用一个位于表单后面的reCAPTCHA，然后使用定位将提交按钮放置在reCAPTCHA之后。

现在想起来非常简单。很抱歉浪费了你们的时间，我还是比较新手网页设计，这似乎是一个初学者的问题。再次感谢你们的时间。

- johnmcg0000