如何在magento的新闻稿表单中添加google reCAPTCHA?

如何在magento的新闻稿表单中添加google reCAPTCHA?,magento,Magento,如何在magento中添加带有时事通讯的google reCAPTCHA,以停止在垃圾邮件中接收时事通讯电子邮件。在表单标签下的“表单文件”中添加以下代码以解决您的查询 <div class="recaptcha" style="overflow:hidden;position:relative;"> <input type="checkbox" id="recaptcha-verification-1" name="recaptcha-verification-1" v

如何在magento中添加带有时事通讯的google reCAPTCHA,以停止在垃圾邮件中接收时事通讯电子邮件。

在表单标签下的“表单文件”中添加以下代码以解决您的查询

<div class="recaptcha" style="overflow:hidden;position:relative;">
   <input type="checkbox" id="recaptcha-verification-1" name="recaptcha-verification-1" value="" class="hide required-entry" style="visibility:hidden;position:absolute;left:-1000000px" />
   <div id="recaptcha-1"></div>
   <script type="text/javascript">
       var onloadCallback = function() {
           grecaptcha.render('recaptcha-1', {
               'sitekey': "6Lf9tBcTAAAAAEbCd2XlhPGH3o850Qp9ZMJJ2fr2",
               'theme': "light",
               'callback': function(response) {
                   if (response.length > 0) {
                       $('recaptcha-verification-1').writeAttribute('value', 'checked');
                       $('recaptcha-verification-1').checked = true;
                   }
               }
           });
       };
   </script>
   <script src="https://www.google.com/recaptcha/api.js?onload=onloadCallback&render=explicit&hl=en" async defer></script></div>

var onloadCallback=函数(){
grecaptcha.render('recaptcha-1'{
“站点密钥”:“6Lf9tBcTAAAAAEbCd2XlhPGH3o850Qp9ZMJJ2fr2”,
'主题':“光”,
“回调”:函数(响应){
如果(response.length>0){
$('recaptcha-verification-1')。writeAttribute('value','checked');
$('recaptcha-verification-1')。选中=真;
}
}
});
};

我也面临着同样的问题,我让它解决了一个扩展名“Google Invisible reCaptcha”

等等。。。我在JS代码中也做了一些修改

安装扩展后,在管理端设置站点密钥和密码,并打开subscription.phtml

YOUR-PROJECT/app/design/frontend/YOURTHEME/default/template/newsletter/subscribe.phtml
在表单标签后面添加代码

        <div class="g-recaptcha" data-sitekey="YOUR-SITE-KEY"></div>

在文件的最后一部分添加此JS代码段

<script src='https://www.google.com/recaptcha/api.js'></script>
<script type="text/javascript">
    jQuery(document).ready(function(){
        jQuery('#recaptcha_response_field').addClass('required-captcha-entry');
    })
    var yourFormValidationObj = new VarienForm('newsletter-validate-details');

    Validation.add('required-captcha-entry', ' ', function(v) {
        return !Validation.get('IsEmpty').test(v);
    })
</script>

jQuery(文档).ready(函数(){
jQuery('#recaptcha_response_field').addClass('required-captcha-entry');
})
var yourFormValidationObj=新的VarieForm('newsletter-validate-details');
验证。添加('required-captcha-entry','',函数(v){
return!Validation.get('IsEmpty').test(v);
})

这对我有用。干杯,如果它对你有用的话。

我投票结束这个问题,因为堆栈溢出是一个问答网站。你的问题不是关于编程。也许你应该把它贴上去?