验证码 Html 表单

Question

我按照验证码的教程进行了操作： Paste this snippet before the closing </head> tag on your HTML template: <script src='https://www.google.com/recaptcha/api.js'></script> Paste this snippet at the end of the <form> where you want the reCAPTCHA widget to appear: <div class="g-recaptcha" data-sitekey="key"></div> 我想知道如何制作一个表格来使用验证码。我只想要一个基本表格，你必须先解决验证码才能看到一些文本。所以你解决了验证码并按下按钮，它显示了一些像 hidden message 这样的文本。我在任何地方都找不到这个。帮我！我更喜欢普通的 html.

Answer 1

When your users submit the form where you integrated reCAPTCHA, you'll get as part of the payload a string with the name "g-recaptcha-response". In order to check whether Google has verified that user, send a POST request with these parameters

您需要将 POST 发送到 URL https://www.google.com/recaptcha/api/siteverify，其中包含您在 google reCAPTCHA 帐户中看到的参数。

如果您想在提交表单之前，将 data-callback 属性添加到您的 g-recaptcha-tag。在该属性中设置仅对成功验证的用户显示隐藏内容的函数名称。

For more info check reCAPTCHA documentation.

例子

在您的 javascript 定义函数中显示隐藏内容：

function alertSuccess() {
    $(".hidden.message").show();
    //alert("Success");
}

在 reCAPTCHA 中

<div data-callback="alertSuccess" class="g-recaptcha" data-sitekey="__YOUR_SECRET_KEY__"></div>

验证码 Html 表单

Captcha Html Form

html

recaptcha