Require User to click google's new recaptcha before form submission

javascript php forms recaptcha
Ryan Fung picture Ryan Fung · Jun 24, 2015 · Viewed 34.7k times · Source

I am using google's new recaptcha inside my form (HTML5): https://www.google.com/recaptcha

Is there a way to check and mark recaptcha as required before form submission? I want to validate this on client side instead of server side. That way, I don't have to go back to the form and warn user about not entering anything for the captcha.

Any javascript that I can use to check whether user enter anything in recaptcha?

Answer

jagad89 picture jagad89 · Jun 24, 2015

You can check the textarea field with id g-recaptcha-response. You can do as following:

$("form").submit(function(event) {

   var recaptcha = $("#g-recaptcha-response").val();
   if (recaptcha === "") {
      event.preventDefault();
      alert("Please check the recaptcha");
   }
});

Hope this helps you.

Related questions

Submit form without page reloading

I have a classifieds website, and on the page where ads are showed, I am creating a "Send a tip to a friend" form... So anybody who wants can send a tip of the ad to some friends email-adress. I …

Read More
PHP: on select change, post form to self

It's basically what the title says.. I have a form with a select control that I want to force the form to post back to self on change. $bmsclientlist = $clientobj->getBMSClientList(); echo '<form name="changebmsid" method="post" …

Read More
How to hide/show sections of a HTML form

I have a HTML form which when submitted sends an email with all the questions and answers using PHP. I need to break the form down as it's too long. I need only one submit button and for the form …

Read More