Invisible ReCaptcha V2
The new Invisible reCAPTCHA isn't validated before the specified button is clicked and once it is clicked; reCAPTCHA does its stuff and the user is flagged as being human or not; if they are human, then the associated JavaScript function is triggered.
Let's start with the development:
Step 1
Open the link mentioned below and click Getrecaptcha button, as shown below.
Open the link mentioned below and click Get
Google Recaptcha Link - Google Recaptcha
Step 2
Create an ASPX page and design your form, as shown below.
Create an ASPX page and design your form, as shown below.

Step 3
Add the mentioned CSS given below and JavaScript file to your head tag of the form
Add the mentioned CSS given below and JavaScript file to your head tag of the form
- <link rel="stylesheet" href="https://www.gstatic.com/recaptcha/api2/r20170329125654/demo__ltr.css" type="text/css" />
- <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" type="text/css" />
- <script src="https://www.google.com/recaptcha/api.js" async="async" defer="defer"></script>
Step 4
Add the mentioned div given below anywhere between form start and end tag.
Add the mentioned div given below anywhere between form start and end tag.
- <div id="googleRecaptchadiv">
- <!-- BEGIN: ReCAPTCHA implementation example. -->
- <div id="recaptcha-demo" class="g-recaptcha" data-sitekey="6LeLzA4UAAAAANNRnB8kePzikGgmZ53aWQiruo7O" data-callback="onSuccess" data-bind="recaptcha_demo_submit"></div>
- <script>
- var onSuccess = function(response) {
- debugger;
- var errorDivs = document.getElementsByClassName("recaptcha-error");
- if (errorDivs.length) {
- errorDivs[0].className = "";
- }
- var errorMsgs = document.getElementsByClassName("recaptcha-error-message");
- if (errorMsgs.length) {
- errorMsgs[0].parentNode.removeChild(errorMsgs[0]);
- }
- var clickButton = document.getElementById("<%= Button1.ClientID %>");
- clickButton.click();
- };
- </script>
- <!-- Optional noscript fallback. -->
- <!-- END: ReCAPTCHA implementation example. -->
- </div>
Now, run the project and you will able to see captcha when you hit Submit button, as mentioned below.

Step 6
Download the source from the attachment named as Google_Invisible_Recaptcha.zip.

Former memberPosted May 21, 2020, 8:29 AM
Amigo tengo un problema especifico.
Ankush AgnihotriPosted Jun 28, 2019, 11:15 PM
[email protected]
Anamika BalaPosted Jun 28, 2018, 12:51 PM
Ankush please could you give your email id. I have a specific problem.
Rajkumar ChandrasekarPosted Jun 20, 2018, 8:12 PM
I am receiving the The bind parameter must be an element or id error while trying to bind to my submit button as given in the example. any clue on why it happens
Arvind MorePosted Apr 17, 2017, 7:30 AM
Thanks its simple...