Magento增加谷歌人机验证(Google reCaptcha)的方法

时间:2018-06-27 19:14人气:0

第一步,添加代码到页面的头部

<script src='https://www.google.com/recaptcha/api.js'></script>

第二步,添加这段代码到要显示验证码的地方

<div class="g-recaptcha" data-sitekey="XXXXXXXXXX"></div>

data-sitekey 是在Google reCaptcha里申请获取到的

第三步,在页面底部增加如下代码

<script>window.onload = function() {
  var recaptcha = document.forms["contactForm"]["g-recaptcha-response"];
  recaptcha.required = true;
  recaptcha.oninvalid = function(e) {

    alert("Please complete the captcha");
   }}</script>

这样就可以了,谷歌验证就增加上去了,刷新下网页测试下看。

厦门飞云网络专注外贸网站建设、外贸独立商城建设等建站业务,欢迎咨询。