成功验证码验证的事件侦听器

Question

我在我的站点中添加了一个Re验证码v2，我想在它成功解决后调用一个函数，

到目前为止，我的代码如下所示：

<body>
  <div style='visibility: hidden;position:absolute;' class="g-recaptcha" data-sitekey="6Lf2yr4aAAAAAPt4qOYdNAJPAB53lCkcDn">
  </div>

  <button id='submit' onclick="show_captcha()">Submit data</button>

  <div id="stat"></div>

  <script>
    function show_captcha() {
      var btn=document.querySelector('#submit');
      var cap=document.querySelector('.g-recaptcha');
    
      btn.style.visibility='hidden';
      btn.style.position='absolute';
      cap.style.visibility='visible';
      cap.style.position='relative';
    }
    
    
    document.querySelector('.g-recaptcha').addEventListener('change', (event) => {
      console.log('here');
      var cap=document.querySelector('.g-recaptcha');
      data=['xyz',document.querySelector('#g-recaptcha-response').value.toString()];
    
      if(cap.value=='')
       return;
    
      //function after captcha is solved goes here
      
    });
    
  </script>
</body>

change 事件侦听器不工作，那么我怎样才能达到我想要的效果？

Answer 1

尝试使用验证成功时的回调配置 reCAPTCHA。看看

成功验证码验证的事件侦听器

Event listener for successful Captcha verification

javascript

html

recaptcha