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

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

javascript html

Javascript 成功验证码验证的事件侦听器,javascript,html,recaptcha,Javascript,Html,Recaptcha,我已经在我的站点中添加了一个重新验证码v2，我想在成功解决后调用一个函数，到目前为止，我的代码如下所示： <body> <div style='visibility: hidden;position:absolute;' class="g-recaptcha" data-sitekey="6Lf2yr4aAAAAAPt4qOYdNAJPAB53lCkcDn"> </div> <button id='

我已经在我的站点中添加了一个重新验证码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>


提交数据
函数show_captcha（）{
var btn=document.querySelector（“#提交”）；
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'，（事件）=>{
console.log（'here'）；
var cap=document.querySelector（'.g-recaptcha'）；
data=['xyz'，document.querySelector（'#g-recaptcha-response'）.value.toString（）；
如果（上限值=“”）
返回；
//验证码解决后的函数在此显示
});

更改

事件侦听器不工作，因此如何实现我想要的功能？

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

首先，我会将

脚本

块放在

主体

标记中，例如，就在

@IhorVyspiansky oops抱歉，我现在修复了它：）@cakelover确保您隐藏

数据站点密钥

实际密钥，如果它实际上是正在使用的产品密钥used@NagarajTantri别担心，这不是我确定的钥匙that@cakelover您可以尝试配置reCAPTCHA，以便在验证成功时进行回调，例如，