Invisible recaptcha で奇妙な問題に直面しています。Recaptcha の有効期限が切れてから 2 分後に、「オブジェクトが見つかりません」というスクリプト エラーがスローされます。WidgetID を使用してみましたが、同じ動作を示しています。唯一の違いは、Recaptcha の送信とフォームの送信の間に追加の手順があることです。ボタンをクリックして recaptcha Submit が成功すると、ポップアップ div がページに開き、ポップアップ div 送信ボタンをクリックすると最終的な送信が行われます。すべての送信プロセスは正常に機能していますが、フォームがポップアップ div で 2 分以上アイドル状態のままになっている場合にキャプチャの有効期限が切れると、エラーがスローされます。以下はコード スニペットです。
<div>
<div>
...................
<div class="form__group">
<label class="text captcha"></label>
<div class="g-recaptcha" data-badge="inline" data-sitekey="{$CaptchaWebsiteKey}" data-size="invisible" data-expired-callback="validateExpire" data-callback="onSubmit"></div>
</div>
<div class="form__group">
<input id="btnPopUp" type="submit" class="btn btn--primary btn--full btn--xs-full" value="Submit your details"/>
</div>
</div>
</div>
<div id="modal" style="visibility:hidden;" class="modal">
<div class="modal-content">
<div class="modal-space">
...................
<div class="modal-space1">
<input type="submit" id="btnSubmit" value="Submit" class="modal-btn modal-space2 btn btn--primary btn--xs-full" disabled="true"/>
<input type="submit" value="Cancel" onclick="return closePopup();" class="modal-btn modal-space2 btn btn--primary btn--xs-full" />
</div>
</div>
</div>
</div>
<div class="overlay"></div>
<script language="javascript" type="text/javascript">
onload();
function onload() {
var element = document.getElementById('btnPopUp');
element.onclick = validate;
}
var captchaResponse='';
function onSubmit(response){
captchaResponse = response;
openPopup();
}
function validateExpire() {
grecaptcha.reset();
captchaResponse='';
}
</script>
この問題に関して誰でも助けてもらえますか? 前もって感謝します。