javascript - 验证码成功后如何重定向

Question

我试图在验证码尝试成功后将该人重定向到某个位置。我使用了这段代码，但这不起作用。

<script src="https://www.google.com/recaptcha/api.js" async defer></script>
 <script type="text/javascript"> 
 if (grecaptcha.getResponse() == "success")
  {
     function Redirect()
      {
         window.location.href = "example.com";
         }

           setTimeout(Redirect,1000);
            }
             else alert("You can't proceed!");
              </script>

  <div data-type="image" class="g-recaptcha" data-sitekey="my-sitekey"></div> 

我认为它不起作用，因为我不明白 https://www.google.com/recaptcha/api/siteverify API。你能给出代码示例吗？我想在 recaptcha 成功后重定向到 example.com，否则向他发送“您无法继续”

Answer 1

问题是，当 recaptcha 返回“成功”时，您正在创建一个名为 Redirect 的函数，但您没有调用它，因此您必须在创建后调用该函数:

<script src="https://www.google.com/recaptcha/api.js" async defer></script>
<script type="text/javascript">
    if (grecaptcha.getResponse() == "success") {
        function Redirect() {
            window.location.href = "https://www.youtube.com/";
        }

        Redirect()

        setTimeout(Redirect, 1000);
    } else alert("You can't proceed!");
</script>

<div data-type="image" class="g-recaptcha" data-sitekey="my-sitekey"></div>

或者你可以删除该函数并直接重定向 确保您添加完整的网址:

<script src="https://www.google.com/recaptcha/api.js" async defer></script>
<script type="text/javascript">
    if (grecaptcha.getResponse() == "success") {
        window.location.href = "https://www.youtube.com/";

        setTimeout(Redirect, 1000);
    } else alert("You can't proceed!");
</script>

<div data-type="image" class="g-recaptcha" data-sitekey="my-sitekey"></div>