How to check in js that user has checked the checkbox in Google recaptcha?

by

Google has a call back option for when the checkbox is checked.

Add this to your form element:

data-callback="XXX"

Example:

<div class="g-recaptcha" data-callback="recaptchaCallback" data-sitekey="== xxxxxx =="></div>

And a disable attribute to your submit button.

Example:

<button id="submitBtn" disabled>Submit</button>

Then a create a callback function and write whatever code you need.

Example:

function recaptchaCallback() {
    $('#submitBtn').removeAttr('disabled');
};

More Related Contents:

  1. Using jquery check/uncheck SelectAll checkbox when all the checkboxes in the group are checked/unchecked
  2. How do I check whether a checkbox is checked in jQuery?
  3. Setting “checked” for a checkbox with jQuery
  4. Check if checkbox is checked with jQuery
  5. jQuery checkbox change and click event
  6. How to stop event bubbling on checkbox click
  7. jQuery difference between change and click event of checkbox
  8. Testing if a checkbox is checked with jQuery
  9. How to check all checkboxes using jQuery?
  10. How can I validate google reCAPTCHA v2 using javascript/jQuery?
  11. jquery attr(‘checked’,’checked’) works only once
  12. What the difference between .click and .change on a checkbox [duplicate]
  13. How to select all checkboxes with jQuery?
  14. How do I encode a JavaScript object as JSON?
  15. How do i disable a submit button when checkbox is uncheck?
  16. Possible to associate label with checkbox without using “for=id”?
  17. How to reset all checkboxes using jQuery or pure JS?
  18. Why isn’t my checkbox change event triggered?
  19. jquery use of bind vs on click
  20. jQuery – how to check if an element exists?
  21. Jquery, hide & show list items after nth item
  22. IE9: Why setting “-ms-transform” works from css, but not with jquery.css()
  23. Twitter Bootstrap Popovers not working for Dynamically Generated Content
  24. Remove DIV tag using Javascript or Jquery
  25. Load JavaScript dynamically [duplicate]
  26. How to customize the position of an alert box
  27. Checking a Url in Jquery/Javascript
  28. Is is possible to call a function after window.location has loaded new URL?
  29. document execCommand copy not working with AJAX
  30. Prevent BACKSPACE from navigating back with jQuery (Like Google’s Homepage)

Leave a Comment