如何将隐形Recaptcha徽章移动到页面上的另一个位置

Question

我可以使用新的隐形Recaptcha，但是将徽章放在左下角或右下角。您可以使用“ data-badge ='inline'”覆盖它，并将其拉入表单。Google对于如何实际移动它非常含糊。您无法将其隐藏，因为Google将不再验证您的表单。o

问题是我似乎无法将其移动到页面上的其他任何地方。我想将其移动到我创建的div内页面的底部。有人成功做到了吗？我尝试了appendTo，但这不起作用。

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

任何帮助都很好！！！

谢谢。

Answer 1

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

验证码

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

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

设置计时器以检查和移动grecaptcha-badge元素的代码

jQuery(function($) {

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

});

请在此处查看我的实时示例（http://zikro.gr/dbg/google/recaptcha/）。您可以看到徽章位于#g-badge-newlocation元素的底部，并且可以工作，因为当您单击Submit时，recaptcha会触发回调函数，该函数记录单词“ success〜”。