Add Google reCAPTCHA On Registration form

Ankit

January 17, 2018

In this post we will see how to add google reCaptcha in signup form.

Google has released the new reCAPTCHA. Using reCAPTCHA users can prove they are human without solving a CAPTCHA. They need just a single click to confirm they are not a robot. So, reCAPTCHA will protect your website from spam with better user experience. You can easily integrate Google reCAPTCHA in PHP script.
Now We have create a signup/ registration form with the new Google reCAPTCHA using PHP.The reCAPTCHA integration process is given below.

First of all we need reCAPTCHA API keys:
For adding reCAPTCHA to your website, you need to register your site and get reCAPTCHA API keys.
Register your site

Also Read :
PHP Login Script With Remember me.
Change password using javascript, php and mysqli.
Password and Confirm Password Validation Using JavaScript
Check Email is Already Registered in Database using Ajax and JavaScript.
How to hide extension of html and php file.?

after click on above link here you got 2 keys.
first is site key which is used for showing captecha on client site
and another is secret key which is used to check the captecha on server end.

Connection.php

in this page we make our database connection.

<?php

$con= mysqli_connect("localhost","root","password","db_name")
?>

index.php

In the index.php we make a signup form.

<!DOCTYPE html>
<html>
<head>
<title>Google Captcha Integration </title>
<!-- Latest compiled and minified CSS -->
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">

<!-- jQuery library -->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>

<!-- Latest compiled JavaScript -->
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
</head>

<body>
<form class="form-horizontal" method="post" action="signup.php">
                     <!-- Text input-->
<div class="form-group">
  
  <div class="col-md-6">
   <label class="col-md-4 control-label" for="textinput">Name</label>  
    <input id="textinput" name="name" type="text" placeholder="Enter your Name Here" class="form-control input-md">
     </div>
       <div class="col-md-6">
      <label class="col-md-4 control-label" for="textinput">Email</label>
  <input id="textinput" name="email" type="text" placeholder="email" class="form-control input-md">
	</div>
        <div class="col-md-6">
       <label class="col-md-4 control-label" for="textinput">Country</label>
      <input id="textinput" name="country" type="text" placeholder="Enter your country here..!!" class="form-control input-md">

	</div>
    <div class="col-md-6">
   <label class="col-md-4 control-label" for="textinput">Mobile</label>  
    <input id="textinput" name="mobile" type="text" placeholder="+9123465686522" class="form-control input-md">
     </div>
     

  <div class="col-md-12" style="margin-top: 20px;">

  </div>
   
  </div>

<br>
 <div class="g-recaptcha" data-sitekey="enter you secret key here.."></div>

<!-- Button -->
<div class="form-group">
  <label class="col-md-4 control-label" for=""></label>
  <div class="col-md-4">
	  <input  type="submit" name="sub" class="btn btn-primary  btn-lg" style="width: 250px; background-color:#1a7dc6;">
  </div>
</div>

							  </form>
</body>
<script src="https://www.google.com/recaptcha/api.js" async defer></script>
</html>

signup.php

<?php
if(isset($_POST["sub"]))
{
  $email;$comment;$captcha;
        if(isset($_POST['email'])){
          $email=$_POST['email'];
        }
if(isset($_POST['g-recaptcha-response'])){
          $captcha=$_POST['g-recaptcha-response'];
        }
        if(!$captcha){
          echo '<h2>Please check the the captcha form.</h2>';
          exit;
        }
        $secretKey = " enter your secret key here..";
        $ip = $_SERVER['REMOTE_ADDR'];
        $response=file_get_contents("https://www.google.com/recaptcha/api/siteverify?secret=".$secretKey."&response=".$captcha."&remoteip=".$ip);
        $responseKeys = json_decode($response,true);
        if(intval($responseKeys["success"]) !== 1) {
          echo '<h2>123</h2>';
        } else {
          echo '<h2>.</h2>';
        }
/* Attempt MySQL server connection. Assuming you are running MySQL
server with default setting (user 'root' with no password) */
require("connection.php");
 
// Check connection
if($con === false){
    die("ERROR: Could not connect. " . mysqli_connect_error());
}
 
// Escape user inputs for security

$name = mysqli_real_escape_string($con, $_REQUEST['name']);
$email = mysqli_real_escape_string($con, $_REQUEST['email']);
$country = mysqli_real_escape_string($con, $_REQUEST['country']);
$mobile = mysqli_real_escape_string($con, $_REQUEST['mobile']);
 
// attempt insert query execution
$sql = "INSERT INTO subscriber (name,email,country,mobile) VALUES ('$name', '$email','$country','$mobile')";
if(mysqli_query($con, $sql)){
    echo "Records added successfully.";
} else{
    echo "ERROR: Could not able to execute $sql. " . mysqli_error($con);
}
 
// close connection
mysqli_close($con);
}
?>

KEEP LEARNING

New to our community ?

One of Our Valued Members