如何在magento的新闻稿表单中添加google reCAPTCHA?
如何在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
<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);
})
这对我有用。干杯,如果它对你有用的话。我投票结束这个问题,因为堆栈溢出是一个问答网站。你的问题不是关于编程。也许你应该把它贴上去?