I have implemented google reCaptcha on a login panel showing after 3 unsuccessful login
But I want to validate reCaptcha on a client slide using jQuery on clicking of login button here is the code
<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" />
How can I do this by using jQuery?
I share my code solution. But the proxy.php and other details with the full explanation (incl. backend part) you might find here.
Recaptcha with data-callback parameter
JS validation
Note!
The backend part, proxy.php, is necessary because of security issue.