GoogleのreCAPTCHAがブートストラップモデルで2回目に失敗しました

Question

私はポップアップモデルで開いた複数のフィールド& google recaptchaのフォームを持っています。

しかし、私は、ポップアップを閉じて、私が得たその時エラー「ないFound.The要求されたURLは、このサーバ上で見つかりませんでした」でポップアップ秒の時間を開こうとします。

<div id="RecaptchaField2"></div> 

Javascriptを：：

は、ここに私のHTMLコードです。この問題は、先週から私を拷問され、それがなぜ起こるか私はまだ把握することができませんでし

<script type='text/javascript'> 
    var CaptchaCallback = function() { 
     if ($('#RecaptchaField2').length) { 
     grecaptcha.render('RecaptchaField2', {'sitekey' : 
      '6LdG1ioUAAAAANOH2BnJO_5zv0NE2UNZS9jou7Yh' 
     }); 
     } 
    } 

    $(".inq-button").click(function(){ 
     setTimeout(function() { 
      var script = document.createElement('script'); 
      script.src = 'https://www.google.com/recaptcha/api.js? 
      onload=CaptchaCallback&render=explicit'; 
      script.type = 'text/javascript'; 
     document.body.parentNode.appendChild(script);   
    }, 100); 
    }); 
</script> 

。

私はこれについて適切な提案をしますか？

どんな種類のヘルプが高く評価されます。

ありがとうございます。

Answer 1

このスクリプトを使用し、それは意志ワーキング。

<script> 
    var CaptchaCallback = function() { 
    if ($('#RecaptchaField1').length) { 
     grecaptcha.render('RecaptchaField1', {'sitekey' : '6LdG1ioUAAAAANOH2BnJO_5zv0NE2UNZS9jou7Yh' 
     }); 
    } 
    if ($('#RecaptchaField2').length) { 
     grecaptcha.render('RecaptchaField2', {'sitekey' : '6LdG1ioUAAAAANOH2BnJO_5zv0NE2UNZS9jou7Yh' 
     }); 
    } 
} 

var j = 1; 

$(".inq-button").click(function(){ 


    setTimeout(function() { 
    if(j){ 
     var script = document.createElement('script'); 
     script.src = 'https://www.google.com/recaptcha/api.js?onload=CaptchaCallback&render=explicit'; 
     script.type = 'text/javascript'; 
     document.body.parentNode.appendChild(script); 
} 
else 
{ 
    $('#RecaptchaField2').empty(); 
    removejscssfile("api.js", "js"); //remove all occurences of "somescript.js" on page 
    var onloadCallback = function() { 

     if ($('#RecaptchaField2').length) { 
      grecaptcha.render('RecaptchaField2', {'sitekey' : '6LdG1ioUAAAAANOH2BnJO_5zv0NE2UNZS9jou7Yh' 
     }); 


    } 
    }; 
    var script = document.createElement('script'); 
    script.src = 'https://www.google.com/recaptcha/api.js?onload=CaptchaCallback&render=explicit'; 
    script.type = 'text/javascript'; 
    document.body.parentNode.appendChild(script); 
    } 

    j = 0; 

    }, 100); 

    }); 


function removejscssfile(filename, filetype){ 
    var targetelement=(filetype=="js")? "script" : (filetype=="css")? "link" : "none" //determine element type to create nodelist from 
    var targetattr=(filetype=="js")? "src" : (filetype=="css")? "href" : "none" //determine corresponding attribute to test for 
    var allsuspects=document.getElementsByTagName(targetelement) 
    for (var i=allsuspects.length; i>=0; i--){ //search backwards within nodelist for matching elements to remove 
    if (allsuspects[i] && allsuspects[i].getAttribute(targetattr)!=null && allsuspects[i].getAttribute(targetattr).indexOf(filename)!=-1) 
    allsuspects[i].parentNode.removeChild(allsuspects[i]) //remove element by calling parentNode.removeChild() 
    } 
} 
</script> 

Answer 2

あなたはgrecaptcha.reset()

しかし、この機能が動作するためには、あなたがこのように明示的にreCaptachaをレンダリングする必要がされる前にキャプチャをクリアレンダリングする必要がある必要があります。

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