Skip to content

Instantly share code, notes, and snippets.

@fhdalikhan
Last active February 21, 2019 08:05
Show Gist options
  • Save fhdalikhan/892b7fc2ac92bdcac437f5c6c6569864 to your computer and use it in GitHub Desktop.
Save fhdalikhan/892b7fc2ac92bdcac437f5c6c6569864 to your computer and use it in GitHub Desktop.
For Adding Recaptcha
// add js
<script src='https://www.google.com/recaptcha/api.js'></script>
// in html
<div class="g-recaptcha" data-sitekey="YOUR_SITEKEY"></div>
// for showing visual feedback if captcha is not selected
<script>
(function(){
var formsToValidate = ['#YOUR_FORM_ID'];
formsToValidate.forEach(function(item){
$(item).submit(function(event) {
var recaptcha = $(this).find('textarea[name=g-recaptcha-response]').val();
if (recaptcha === "") {
event.preventDefault();
$(this).find('.g-recaptcha > div').css('border', '1px solid red');
} else {
$(this).find('.g-recaptcha > div').css('border', 'none');
}
});
});
}());
</script>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment