Javascript 站点所有者的Google reCAPTCHA错误:站点密钥无效

Javascript 站点所有者的Google reCAPTCHA错误:站点密钥无效,javascript,html,recaptcha,Javascript,Html,Recaptcha,我无法让reCAPTCHA v3在我的网站上运行。我在Google reCAPTCHA v3网站上输入了正确的代码,但在右下角显示了“站点所有者错误:无效的站点密钥” 我才7岁,如果我错过了什么,请不要着急 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Recaptcha test</title> <

我无法让reCAPTCHA v3在我的网站上运行。我在Google reCAPTCHA v3网站上输入了正确的代码,但在右下角显示了“站点所有者错误:无效的站点密钥”

我才7岁,如果我错过了什么,请不要着急

 <!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Recaptcha test</title>
    <script src="https://www.google.com/recaptcha/api.js"></script>
    <script>
      function onSubmit(token) {
          document.getElementById("demo-form").submit();
      }
    </script>
    <script src="https://www.google.com/recaptcha/api.js?render=reCAPTCHA_site_key"></script>


<body>
<button class="g-recaptcha"
        data-sitekey="reCAPTCHA_site_key"
        data-callback='onSubmit'
        data-action='submit'>Submit</button>
<script>
    function onClick(e) {
        e.preventDefault();
        grecaptcha.ready(function() {
            grecaptcha.execute('reCAPTCHA_site_key', {action: 'submit'}).then(function(token) {
                // Add your logic to submit to your backend server here.
            });
        });
    }
</script>


</head>
</body>
</html>

雷帕查试验
提交函数(令牌){
document.getElementById(“演示表单”).submit();
}
提交
函数onClick(e){
e、 预防默认值();
grecaptcha.ready(函数(){
执行('reCAPTCHA_site_key',{action:'submit'})。然后(函数(令牌){
//在此处添加要提交到后端服务器的逻辑。
});
});
}
然后,我尝试了reCAPTCHA v2复选框,同样的事情发生了。尽管“站点所有者错误:站点密钥无效”现在位于左上角:

    <!DOCTYPE html>?
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Recaptcha test</title>
    <script src="https://www.google.com/recaptcha/api.js" async defer></script>

    <script src="https://www.google.com/recaptcha/api.js?onload=onloadCallback&render=explicit"
            async defer>
    </script>



<body>
<form action="?" method="POST">
    <div class="g-recaptcha" data-sitekey="your_site_key"></div>
    <br/>
    <input type="submit" value="Submit">
</form>
<script type="text/javascript">
    var onloadCallback = function() {
        alert("grecaptcha is ready!");
    };
</script>



</head>
</body>
</html>
?
雷帕查试验

var onloadCallback=函数(){ 警报(“grecaptcha已准备就绪!”); };
我已经尝试了您提到的reCAPTCHA v3的代码

  • “复制站点密钥”标题下的“复制站点密钥”,请检查您是否已将其替换为正确的站点密钥

  • 它显示“站点所有者错误:无效站点密钥”的原因是您可能正在尝试文件系统访问密钥。它在文件系统上不起作用,即,这将不起作用:
    file:///E:/Personal%20Data/stackoverflow/recapcha.html

  • 在本地服务器(如IIS/Node等)上托管站点,并在recaptcha的域配置中添加相同的域

    例如,如果您的网站:https://www.testingrecapcha.com/ 然后在rechapcha配置的域中添加testingrecapcha.com。(要访问recapcha的管理控制台,请使用以下命令:https://www.google.com/recaptcha/admin 然后选择相关站点并单击设置图标)。


谢谢,@KushalSeth,我的本地主机现在在左下角显示“受reCAPTCHA保护”。