Captcha Html表格

时间:2016-12-08 20:44:01

标签: html recaptcha

我按照Captcha的教程做了这个: 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。

1 个答案:

答案 0 :(得分:1)

  

当您的用户提交集成reCAPTCHA的表单时,您将获得一个名为“g-recaptcha-response”的字符串作为有效负载的一部分。要检查Google是否已验证该用户,请发送包含这些参数的POST请求

您需要使用您在google reCAPTCHA帐户中看到的参数向网址https://www.google.com/recaptcha/api/siteverify发送POST。

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

For more info check reCAPTCHA documentation.

示例

在你的javascript define函数中显示隐藏的内容:

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

在reCAPTCHA

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