javascript - 如何在提交按钮点击时调用谷歌验证码

Question

这是我的代码

$(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
        });
    });


};
});
});

我想仅在单击submit按钮时加载onloadcallback函数。

但似乎其中的代码永远不会被调用。有什么问题吗？

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

Answer 1

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

// 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);