我已经在 3 次登录失败后显示的登录面板上实现了 google reCaptcha
但我想在单击登录按钮时使用 jQuery 在客户端幻灯片上验证 reCaptcha 这是代码
<div style="display:none;width:310px;top:205px;left:558px;position:absolute" id="grecaptcha" runat="server">
<cc1:GoogleReCaptcha ID="ctrlGoogleReCaptcha1" runat="server" PublicKey="6LdHrQ0TAAAAAD77ubv9Jr6q4RYkyddhXzX-XPB3" PrivateKey="xxxxxxx" />
</div>
<span id="captcha" style="margin-left:588px;color:red" />
<asp:Button ID="LoginButton" runat="server" OnClientClick="get_action();" CommandName="Login" Text="Inloggen" ValidationGroup="Login1" />
我如何使用 jQuery 来做到这一点?
我分享我的代码解决方案。但是代理.php以及您可能会发现的其他详细信息以及完整的解释(包括后端部分)here http://scraping.pro/insert-configure-recaptcha-no-captcha-code-in-php/.
验证码与数据回调范围
<script src="https://www.google.com/recaptcha/api.js" >;
<form method="post">
<div class="g-recaptcha" data-sitekey="[site_key]" data-callback="onReturnCallback" data-theme="light"></div>
<input value="submit" type="submit" />
</form>
JS验证
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
<script type="text/javascript">
var onReturnCallback = function(response) {
//alert('g-recaptcha-response: ' + grecaptcha.getResponse());
var url='proxy.php?url=' + 'https://www.google.com/recaptcha/api/siteverify';
$.ajax({ 'url' : url,
dataType: 'json',
data: { response: response},
success: function( data ) {
var res = data.success.toString();
alert( "User verified: " + res);
if (res == 'true') {
document.getElementById('g-recaptcha').innerHTML = 'THE CAPTCHA WAS SUCCESSFULLY SOLVED';
}
} // end of success:
}); // end of $.ajax
}; // end of onReturnCallback
</script>
Note!
后端部分,代理.php,由于安全问题是必要的。
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)