小编L.J*_*son的帖子

从Google实施新的Invisible reCaptcha

我正在建立一个PHP网站,我想在登录表单上放置验证码.我选择了Google的新Invisible reCaptcha,但是我在实现它时遇到了麻烦(HTML部分,PHP正在运行).

我现在为"正常"reCaptcha获得的代码如下(根据Google reCaptcha说明,这有效):

<form action=test.php method="POST">
   <input type="text" name="email" placeholder="Email">
   <input type="password" name="password" placeholder="Password">

   <!-- <Google reCaptcha> -->
   <div class="g-recaptcha" data-sitekey="<sitekey>"></div>
   <!-- </Google reCaptcha> -->

   <input type="submit" name="login" class="loginmodal-submit" value="Login">
</form>
Run Code Online (Sandbox Code Playgroud)

我注册时在确认电子邮件中发送了一些说明(大约需要24小时才能得到确认).这说明如下:

隐形reCAPTCHA集成

  1. 如果您尚未将网站与reCAPTCHA v2集成,请按照我们的开发者指南了解实施细节.

  2. 请确保您的网站密钥已被列入Inelible reCAPTCHA白名单.

  3. 要启用Invisible reCAPTCHA,而不是将参数放在div中,您可以将它们直接添加到html按钮.

    3A.数据回调="".这就像复选框验证码一样,但是对于隐形验证是必需的.

    3B.data-badge:这允许您重新定位reCAPTCHA徽章(即徽标和"受reCAPTCHA保护"文本).有效选项为'bottomright'(默认值),'bottomleft'或'inline',将徽章直接放在按钮上方.如果您将徽章设为内联,则可以直接控制徽章的CSS.

  4. 验证用户的响应没有变化.

我遇到的问题是HTML实现(因此我需要第3步的帮助.1,2和4对我有用).其余的我使用正常的reCaptcha并根据说明,它应该是相同的事情.我不明白数据回调和数据徽章是什么以及它是如何工作的.如何使用我的表单设置实现隐形reCaptcha的代码示例将是很棒的!

html javascript recaptcha

29
推荐指数
3
解决办法
5万
查看次数

标签 统计

html ×1

javascript ×1

recaptcha ×1