javascript - 引导模式弹出窗口中的 Recaptcha 请求超时
问题描述
我的网站中有 2 个 recaptcha,但在 2 个不同的页面中。第一个没有问题,第二个位于模式弹出窗口中,在单击按钮后显示。
显示弹出窗口的按钮:
<div class="col-md-12 col-lg-6" style="text-align:center">
<button id="showModal" type="button" class="btn btn-block btn-gray show_form" data-periodnumber="$idp"><span class="glyphicon glyphicon-envelope" style="margin-right:10px;"></span>__CONTATTI__</button>
</div>
我的弹出窗口:
<!-- Modal -->
<div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-hidden="true">
<div class="modal-dialog">
<div class="modal-content">
<div id="request_titolo" class="modal-header">
<button type="button" class="close" data-dismiss="modal"><span aria-hidden="true">×</span><span class="sr-only">Chiudi</span></button>
<h4 class="modal-title" id="request_titolo">__TITOLO_RICHIESTA__</h4>
<small>__MESSAGGIO_RICHIESTA__</small>
</div>
<div class="modal-body frontend_request">
<div class="col-xs-12 col-sm-12 col-md-12 pan-info"></div>
<div class="row">
<form id="form_disponibilita" name="myForm" role="form">
<input type="hidden" id="idp" value="" />
<input type="hidden" id="langPW" name="lang" value="<?php echo $lang; ?>" />
<div class="form-group col-md-12">
<label for="prop_nome">__NOME__</label>
<div class="input-group">
<div class="input-group-addon"><span class="glyphicon glyphicon-user"></span></div>
<input type="text" class="form-control" id="prop_nome" placeholder="__NOME__" value="">
</div>
</div>
<div class="form-group col-md-12">
<label for="prop_email">__EMAIL__</label>
<div class="input-group">
<div class="input-group-addon"><span class="glyphicon glyphicon-envelope"></span></div>
<input type="email" class="form-control" id="prop_email" placeholder="__EMAIL__">
</div>
</div>
<div class="form-group col-md-12">
<label for="prop_tel">__TELEFONO__</label>
<div class="input-group">
<div class="input-group-addon"><span class="glyphicon glyphicon-phone-alt"></span></div>
<input type="text" class="form-control" id="prop_telefono" placeholder="__TELEFONO__">
</div>
</div>
<div class="form-group col-md-12">
<label for="prop_msg_ita">__NOTE__</label>
<textarea id="prop_note" class="form-control" rows="5"></textarea>
</div>
<!-- GOOGLE CAPTCHA -->
<div class="form-group col-md-12" style="text-align: center;">
<p style="color: black;"> Completa la verifica: </p>
<div style="display: inline-block;" class="g-recaptcha" data-sitekey="6Lf02WwUAAAAAHc2LtidX_HxU1C2iWn_e00-HAML" data-callback="callback"></div>
</div>
<!-- END GOOGLE CAPTCHA -->
<div class="form-group col-md-12">
<label for="prop_msg_eng">__PRIVACY__</label>
<input type="checkbox" class="form-control" id="prop_privacy" placeholder="Accetto la privacy" value="yes">
</div>
<div class="clear"></div>
<div class="modal-footer">
<button type="button" class="btn btn-lg btn-default" data-dismiss="modal">__ANNULLA__</button>
<button id="btnInvia" type="button" class="btn btn-lg btn-info btn-send" style="background-color: #cccccc !important;" disabled="true">__INVIA__</button>
</div>
</form>
</div>
</div>
</div>
</div>
</div><!-- Fine Modal -->
JS:
function callback(){
console.log("captcha ok");
document.getElementById("btnInvia").style.background = '#1bb1d1';
document.getElementById("btnInvia").disabled = false;
}
window.onload = function() {
var recaptcha = document.forms["myForm"]["g-recaptcha-response"];
recaptcha.required = true;
recaptcha.oninvalid = function(e) {
alert("CONVALIDARE IL CAPTCHA!");
}
}
你能帮助我吗?
网站:http ://www.residencecasacanazei.com/affittasi-vendesi 要查看模式,请单击“Contatti”按钮
解决方案
就我而言,问题出在 cookie 上。所以我清除了域的 cookie,然后问题就解决了。
推荐阅读
- assembly - BIOS 在视频模式下持续发出哔哔声 13h
- kubernetes - 为删除 Pod 生成多个 Kubernetes 准入请求
- java - 不同测试类中使用的常用注解
- python - VowpalWabbit - 如何仅为具有连续和分类特征的表格数据的分类特征设置三阶交互
- rest - 升级paypal支付到Orders API,测试账号完成支付后没有收到任何款项
- php - 在返回之前动态地将一行中的值相乘
- orbitdb - Orbit-db 安全性,如何防止非法 docstore 更新
- c# - 由于文件路径问题,WINium 未打开驱动程序
- javascript - 当页面加载速度快于转换时间时,Barba.js 偶尔会跳过转换
- git - 将更改推送到 git 时,如何摆脱消息“注意!您推送到的分支 'master' 已重命名为 'main'”?