如何在单个页面中启用多个reCAPTCHA
how to enable Multiple reCAPTCHA in single page
我已经实现了两个recaptcha在单页,但只有一个是recaptcha是工作
我的代码是验证码1
<div class="resumator-label resumator-resume-text" id="resumator-recaptcha_forward-label">Human Check*</div>
<div class="resumator-input" id="resumator-recaptcha_forward-field">
<div id="div_error_resumator-forward-recaptcha-value" class="dv_error"><span>Please enter the text:</span></div><script type="text/javascript" src="//www.google.com/recaptcha/api/challenge?k=6Ld99tsSAAAAAIy-Zv3YKxCOefk2IXELOBVNhM7Y"></script>
<noscript>
<iframe src="//www.google.com/recaptcha/api/noscript?k=6Ld99tsSAAAAAIy-Zv3YKxCOefk2IXELOBVNhM7Y" height="300" width="500" frameborder="0"></iframe><br/>
<textarea name="recaptcha_challenge_field" rows="3" cols="40"></textarea>
<input type="hidden" name="recaptcha_response_field" value="manual_challenge"/>
</noscript>
</div>
其他验证码的代码
<div class="resumator-field-wrapper resumator-resume-text" id="resumator-recaptcha">
<div class="resumator-label resumator-resume-text" id="resumator-recaptcha-label">Human Check*</div>
<div class="resumator-input" id="resumator-recaptcha-field">
<script type="text/javascript" src="//www.google.com/recaptcha/api/challenge?k=6Ld99tsSAAAAAIy-Zv3YKxCOefk2IXELOBVNhM7Y"></script>
<noscript>
<iframe src="//www.google.com/recaptcha/api/noscript?k=6Ld99tsSAAAAAIy-Zv3YKxCOefk2IXELOBVNhM7Y" height="300" width="500" frameborder="0"></iframe><br/>
<textarea name="recaptcha_challenge_field" rows="3" cols="40"></textarea>
<input type="hidden" name="recaptcha_response_field" value="manual_challenge"/>
</noscript>
</div>
</div>
我也用过克隆,效果很好
//复制reCapcha
$('#resumator-recaptcha-label').html($('#resumator-recaptcha_forward').clone(true,true));
问题在克隆captcha它的重新加载captcha和其他链接不工作的新克隆captcha
您可以尝试在第二个recaptcha加载器按钮中添加新类,然后您将事件绑定到该类上,然后单击事件并再次克隆您的节点,并使用setTimeout函数等待重新绘制captcha希望这对你有帮助
setTimeout(function() {
$( "#resumator-recaptcha #recaptcha_widget_div #recaptcha_reload_btn " ).addClass("reload_captcha");
$(document).on('click', '.reload_captcha', function(e){
$('#resumator-recaptcha-label').html($('#resumator-recaptcha_forward').clone(true,true));
$( "#resumator-recaptcha #recaptcha_widget_div #recaptcha_reload_btn " ).addClass("reload_captcha");
});
}, 2000);
相关文章:
- Recaptcha在IE7和IE8中不起作用
- 如何在读取XLS/XLSX本地文件时,使用IE的javascript代码启用未标记为安全的ActiveX控件
- 如何在 API 调用后和 if 语句中启用提交按钮
- 语义ui如何使用javascript启用或禁用下拉列表
- IE6在启用/禁用文本字段上闪烁
- 传单中如何在更改基层时启用/禁用覆盖层
- 根据字段的值启用按钮
- 如何使用javascript函数在gridview中按行启用/禁用复选框
- 如何禁用和启用css规则
- 淘汰赛.JS'启用'长度绑定条件不起作用
- 如何动态检测Mozilla/Chrome上是否启用SSO
- 在FrontEndphp-ajax-jquery中验证reCaptcha-google
- 旋转木马;启用内容安全策略时无法工作
- 动态启用/禁用来自控制器的输入文本
- 如何启用单选按钮
- 检查浏览器'在asp.net的后端代码中启用或禁用了s JS
- jQuery根据用户选择启用/禁用asp.net控件
- 当我的所有 Ng-from 都有效时启用一个按钮
- 如何启用/禁用Google's reCaptcha小部件
- 如何在单个页面中启用多个reCAPTCHA