How to display a recaptcha error within the submitted form's page?

Question

I am using the recaptcha widget on a contact form, i was wondering how would you be able to display the error the user would gets on the same page instead of going to another page and displaying the error.

Answer 1

You can put your form to submit on the same page, and check the post data on PHP side. Check this example:

<?php 
$captcha = $_POST['captcha'];
if(isset($captcha)) {
  $captcha_answer = // you need to put your correct captcha answer here
  if($captcha == $captcha_answer) {
      // captcha is correct, continue.
  }
  else {
      // captcha is not correct, display error message.
      echo '<div style="background-color:red; padding:3px;">Your captcha is not correct, please try again.</div>';
      echo '<form method="post">
                <input type="text" name="captcha" value="Type captcha here" />
            </form>'; // print the page again
  }
}
else {
?>

<form method="post">
    <input type="text" name="captcha" value="Type captcha here" />
</form>

<?php } ?>

Another option is to use JavaScript with AJAX.