首页 文章

如何将隐形的Recaptcha徽章移到页面上的另一个地方

提问于
浏览 次
2

我有新的隐形recaptcha工作正常，但它将徽章放在左下角或右下角 . 您可以使用“data-badge ='inline'”覆盖它，并将其拉入表单中 . 谷歌如何实际移动它是非常模糊的 . 您无法隐藏它，因为谷歌将不再验证您的表单 . 秀...

问题是我似乎无法将其移动到页面上的任何其他位置 . 我想将它移动到我创建的div内的页面底部 . 有没有人成功完成这个？我尝试了appendTo，但这不起作用 .

$('.grecaptcha-badge').appendTo("#g-badge-newlocation");

任何帮助都会很棒!!!

谢谢 .

recaptcha invisible-recaptcha

1 回答

  • 3

    如果您想遵守Google条款，则可以使用计时器检测徽章，然后在底部向下移动徽章 . 您必须将 badge 属性设置为 inline . jQuery appendTo 为我工作：

    Recaptcha code

    var onSubmit = function(token) {
  console.log('success!');
};

var onloadCallback = function() {
  grecaptcha.render('submit', {
    'sitekey' : '<your_site_key>',
    'callback' : onSubmit,
    'badge': 'inline'
  });
};

    The code to setup a timer to check and move grecaptcha-badge element

    jQuery(function($) {

    var checkTimer = setInterval(function() {
      if($('.grecaptcha-badge').length > 0) {
        $('.grecaptcha-badge').appendTo("#g-badge-newlocation");
        clearInterval(checkTimer);
      }
    }, 50);

});

    请查看我的实例here（http://zikro.gr/dbg/google/recaptcha/） . 您可以看到徽章位于 #g-badge-newlocation 元素内部的底部并且它可以正常工作，因为当您点击提交时，recaptcha会触发回调函数，该函数会记录单词"success~" .

    回复于

相关问题