Google Recaptcha in ASP.net 4.7.2
Question
-
User351619809 posted
I am trying to install Recaptcha in my project. In order to accomplish that, I downloaded
recaptcha-dotnet-1.0.5.0-binary.zipfrom here
https://code.google.com/archive/p/recaptcha/downloadsI unzipped the zip file and placed the Recpatcha in my project references:
I added Recaptcha in my asp.net page like so:
I put the below tag in my asp.net web form
<%@ Register TagPrefix="recaptcha" Namespace="Recaptcha" Assembly="Recaptcha" %>then I added the code in my aspx page like so:
<form id="form1" runat="server"> <div> <recaptcha:RecaptchaControl ID="recaptcha" runat="server" Theme="red" PublicKey="xxxx" PrivateKey="xxxxx" /> <asp:Button ID="btnSubmit" runat="server" Text="Submit" OnClick="btnSubmit_Click" style="height: 26px" /> </div> </form>when I run the asp.net application by pressing F5. I don't see anything on my web page except the submit button:
I am not sure what am I doing wrong and how can I see Recaptcha.
Any help will be highly appreciated.
</div> </div>
Answers
-
User-719153870 posted
Hi anjaliagarwal5,
I tried the same process and this issue can be reproduced whether it is in V2 or V3.
In my situation, press F12 to open the browser devtools, find the api call with the site key returns 404:
Not sure what caused this problem, maybe you can check whether you are experiencing the same situation.
Further investigation found that, check the Elements in devtools, the recaptcha:RecaptchaControl control seems be rendered to scripts:
If this is the case, then i think it would be better to choose the JS library instead. Both reCAPTCHA v2 and reCAPTCHA v3 can perfectly work in my test. You will find the widget generated successfully.
V2:
<html xmlns="http://www.w3.org/1999/xhtml"> <head runat="server"> <title></title> <script src="https://www.google.com/recaptcha/api.js"></script> </head> <body> <form id="form1" runat="server"> <div> <div class="g-recaptcha" data-sitekey="******{your_sitekey}******"></div> <br/> </div> </form> </body> </html>V3:
<html xmlns="http://www.w3.org/1999/xhtml"> <head runat="server"> <title></title> <script src="https://www.google.com/recaptcha/api.js"></script> <script> function onSubmit(token) { document.getElementById("form1").submit(); } </script> </head> <body> <form id="form1" runat="server"> <div> <button class="g-recaptcha" data-sitekey="*****{your_sitekey}******" data-callback='onSubmit' data-action='submit'>Submit</button> </div> </form> </body> </html>Best Regard,
Yang Shen
- Marked as answer by Anonymous Thursday, October 7, 2021 12:00 AM
All replies
-
User-719153870 posted
Hi anjaliagarwal5,
I tried the same process and this issue can be reproduced whether it is in V2 or V3.
In my situation, press F12 to open the browser devtools, find the api call with the site key returns 404:
Not sure what caused this problem, maybe you can check whether you are experiencing the same situation.
Further investigation found that, check the Elements in devtools, the recaptcha:RecaptchaControl control seems be rendered to scripts:
If this is the case, then i think it would be better to choose the JS library instead. Both reCAPTCHA v2 and reCAPTCHA v3 can perfectly work in my test. You will find the widget generated successfully.
V2:
<html xmlns="http://www.w3.org/1999/xhtml"> <head runat="server"> <title></title> <script src="https://www.google.com/recaptcha/api.js"></script> </head> <body> <form id="form1" runat="server"> <div> <div class="g-recaptcha" data-sitekey="******{your_sitekey}******"></div> <br/> </div> </form> </body> </html>V3:
<html xmlns="http://www.w3.org/1999/xhtml"> <head runat="server"> <title></title> <script src="https://www.google.com/recaptcha/api.js"></script> <script> function onSubmit(token) { document.getElementById("form1").submit(); } </script> </head> <body> <form id="form1" runat="server"> <div> <button class="g-recaptcha" data-sitekey="*****{your_sitekey}******" data-callback='onSubmit' data-action='submit'>Submit</button> </div> </form> </body> </html>Best Regard,
Yang Shen
- Marked as answer by Anonymous Thursday, October 7, 2021 12:00 AM
