如何在提交按钮点击时调用谷歌recaptcha代码 [英] How to call google recaptcha code on submit button click

问题描述

这是我的代码

$(document).ready(function(){

$(":submit").click(function(){

var onloadCallback = function() {
    $( "#submitlogin" ).each(function() {
        grecaptcha.render($( this ).attr('id'), {
            'sitekey' : '6Lcjvi4UAAAAAIR7_ckItF2HfMEFHx427WUDdGDk',
            'callback' : onsubmitlogin
        });
    });

     $( "#submitsignup" ).each(function() {
        grecaptcha.render($( this ).attr('id'), {
            'sitekey' : '6Lcjvi4UAAAAAIR7_ckItF2HfMEFHx427WUDdGDk',
            'callback' : onsubmitsignup
        });
    });

    $( "#submitforgotpass" ).each(function() {
        grecaptcha.render($( this ).attr('id'), {
            'sitekey' : '6Lcjvi4UAAAAAIR7_ckItF2HfMEFHx427WUDdGDk',
            'callback' : onsubmitforgotpass
        });
    });


};
});
});

我想加载onloadcallback 函数，只有当submit 按钮被点击时.

I want to load onloadcallback function, only when submit button is clicked.

但似乎里面的代码永远不会被调用.有什么问题?

But seems like the code inside it, never gets called. What's the problem?

如果问题不在此代码中，请告诉我，我将使用来自原始网站的更多代码更新我的答案

If the problem is not in this code, then let me know, I will update my answer with more code from my original website

推荐答案

您定义了 onloadcallback 但从未在单击按钮时调用它.这将起作用:

You defined onloadcallback but never called it when button is clicked. This will work:

// Define callback function
var onloadCallback = function() {
  $("#submitlogin").each(function() {
    grecaptcha.render($(this).attr('id'), {
      'sitekey': '6Lcjvi4UAAAAAIR7_ckItF2HfMEFHx427WUDdGDk',
      'callback': onsubmitlogin
    });
  });

  $("#submitsignup").each(function() {
    grecaptcha.render($(this).attr('id'), {
      'sitekey': '6Lcjvi4UAAAAAIR7_ckItF2HfMEFHx427WUDdGDk',
      'callback': onsubmitsignup
    });
  });

  $("#submitforgotpass").each(function() {
    grecaptcha.render($(this).attr('id'), {
      'sitekey': '6Lcjvi4UAAAAAIR7_ckItF2HfMEFHx427WUDdGDk',
      'callback': onsubmitforgotpass
    });
  });
};

// Use onloadCallback as event handler
$(":submit").click(onloadCallback);

这篇关于如何在提交按钮点击时调用谷歌recaptcha代码的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！