javascript - 如何在一页上使用 recaptcha 设置多个表单？

Question

感谢阅读。我的问题是我有多个选项卡，每个选项卡都包含一个表单，我希望每个选项卡也包含一个 recaptcha。问题是只显示第一个 recaptcha。你可以在this page上看到我的意思.

另一种解决方案，我不太确定该怎么做，可能是让每个表单使用 1 个 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，但在提交按钮之前仍然保留它。

只是想想，所有表单的提交按钮也是一样的。是否有一种方法可以让选项卡在验证码之前更改所有表单，并在验证码之后保留所有内容以完成表单。这给了我一些思考。

Answer 1

我通过我在上次编辑中提到的方法设法得到了我想要的结果。如果其他人有这个问题(他们可能不会)，我的解决方法是仅使用位于表单之后的一个 recaptcha，然后使用定位将提交按钮定位在 recaptcha 之后。

现在我想起来很简单。很抱歉浪费你所有的时间，我对网页设计还是很陌生，这似乎是一个菜鸟问题。再次感谢您的宝贵时间。