reCAPTCHA - 隐藏提交按钮

Question

我正在设置reCAPTCHA并尝试尽可能好地隐藏JavaScript触发的div中的提交。相反，提交按钮始终可见（甚至在Googles自己的示例中：http://www.google.com/recaptcha/demo/ajax）

我对如何解决此问题有任何想法？我当然试图将按钮放在div中并尝试修改JavaScript代码段，但遗憾的是没有运气。需要这个修复，因为我不希望别人按Enter键提交。

这是我的代码：

<form method="POST" action="verify.php">
<div id="captchadiv" style="display:none;">
<?php
require_once('recaptchalib.php');
$publickey = "<key>";
echo recaptcha_get_html($publickey);
?>
<input type="submit" name="Button1" value="OK">
</div>
<input type="hidden" name="vote" value="<?=$image_id;?>" readonly>
</form>
<span class="vote"><a onclick="showRecaptcha();" class="voteLink">test</a></span>

这是JS片段：

function showRecaptcha(element) {
Recaptcha.create("<key>", 'captchadiv', {
theme: "red",
callback: Recaptcha.focus_response_field});
}

此处尝试使用自定义小部件：https://developers.google.com/recaptcha/docs/customization?hl=no#Custom_Theming 但没有运气。

custom_theme_widget:

请问任何想法？一直试图通过API找到我的方式，但似乎无法解决这个问题。

Answer 1

在Google示例中，您可以使用CSS隐藏提交按钮。

input[type=submit]{ display:none; }