Demo of reCaptcha reCaptcha validation demo Submit reCaptcha reCaptcha is a great ...
Demo of reCaptcha
reCaptcha
reCaptcha is a great "bot" detection solution from Google. Google watches the pattern of user interaction to decide whether it is a "bot" or a real user. It is near impossible for a "bot" to simulate those patterns. So reCaptcha succeeds in blocking spam most of the time.
Versions Of reCaptcha
1. reCaptcha version 1
2. reCaptcha version 2
3. reCaptcha version 3
reCaptcha HTML Code
<html>
<head>
<title>reCaptcha validation demo</title>
<script src="https://www.google.com/recaptcha/api.js" async defer></script>
</head>
<body>
<div class="form_container">
<form action="#" id="my_captcha_form">
<div class="g-recaptcha"
data-sitekey="6LfrFKQUAAAAAMzFobDZ7ZWy982lDxeps8cd1I2i"
></div>
<p>
<button type="submit" >Submit</button>
</p>
</form>
</div>
</body>
</html>recaptcha javascript validation
document.getElementById("my_captcha_form").addEventListener("submit",function(evt)
{
var response = grecaptcha.getResponse();
if(response.length == 0)
{
//reCaptcha not verified
alert("please verify you are humann!");
evt.preventDefault();
return false;
}
//captcha verified
//do the rest of your validations here
});
COMMENTS