How To Add Captcha In Php Registration Form?

Today, We want to share with you how to add captcha in php registration form.In this post we will show you To add the Google CAPTCHA in PHP HTML Form, hear for how to integrate or add google captcha in PHP HTML forms(registrations, login, contact form). we will give you demo and example for implement.In this post, we will learn about captcha code in php with an example.

Implementation of Captcha in Registration Form in PHP

And using the captcha with PHP html forms, you can easily validate your contact, registrations, login and other form data in PHP.

Step 1: Create Table In DB by Sql Query
Step 2: Create a Database Connection PHP File
Step 3: Register your website on Google Re captcha and Get All Details
Step 4: Create User Registrations Form with Captcha Validation In PHP
Step 5: Create PHP File to Check Captcha and Save User Details

PHP Google reCAPTCHA Validation Before Submit

Step 1: Create Table In DB by Sql Query

CREATE TABLE `members` (
  `id` int(11) NOT NULL AUTO_INCREMENT,
  `name` varchar(30) NOT NULL,
  `email` varchar(100) NOT NULL,
  `password` varchar(250) NOT NULL,
  PRIMARY KEY (`id`),
  UNIQUE KEY `email` (`email`)
) ENGINE=InnoDB DEFAULT CHARSET=latin1;

Step 2: Create a Database Connection PHP File

<?php
    $servername='localhost';
    $username='root';
    $password='';
    $dbname = "pakainfo_v1";
    $conn=mysqli_connect($servername,$username,$password,"$dbname");
      if(!$conn){
          die('sorry, Could not Connect MySql Server:' .mysql_error());
        }
?>

Step 3: Register your website on Google Re captcha and Get All Details

To here add google recaptcha to your online website you need to register/signup your online blog or website here Google captcha. And Then get your site key and secret key.about:blank : https://www.google.com/recaptcha/admin

How to Create CAPTCHA image verification using PHP and jQuery

Step 4: Make User Registration Form with Captcha Validation In PHP

<!doctype html>
<html lang="en">
    <head>
        <meta charset="utf-8">
        <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
        <title>How to Add Captcha in PHP Registrations Form - www.pakainfo.com</title>
        <!-- CSS -->
        <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/css/bootstrap.min.css">
        <script src="https://www.google.com/recaptcha/api.js" async defer></script>
    </head>
<body>
<div class="container mt-5">
    <div class="card">
        <div class="card-header text-center">
            Add Google Captcha in PHP Registration Form - www.pakainfo.com
        </div>
        <div class="card-body">
            <form action="validate-captcha.php" method="post">
                <div class="form-group">
                    <label for="exampleInputEmail1">Mmeber Name</label>
                    <input type="text" name="name" class="form-control" id="name" required="">
                </div>                                
                <div class="form-group">
                    <label for="exampleInputEmail1">Mmeber Email address</label>
                    <input type="email" name="email" class="form-control" id="email" aria-describedby="emailHelp" required="">
                    <small id="emailHelp" class="form-text text-muted">We'll never share your email with anyone else.</small>
                </div>
                <div class="form-group">
                    <label for="exampleInputEmail1">Mmeber Password</label>
                    <input type="password" name="password" class="form-control" id="password" required="">
                </div>                   
                <div class="form-group">
                    <label for="exampleInputEmail1">Mmeber Confirm Password</label>
                    <input type="password" name="cpassword" class="form-control" id="cpassword" required="">
                </div>   
                <div class="g-recaptcha" data-sitekey="Your PUT Site Key"></div>
                <input type="submit" name="password-reset-token" class="btn btn-primary">
            </form>
        </div>
    </div>
</div>
</body>
</html>

Ajax Contact Form with Captcha reCAPTCHA v2 2.0 using PHP with jQuery

Step 5: Create PHP File to Check Captcha and Save User Details

<?php
if(isset($_POST['submit']) && $_POST['g-recaptcha-response']!="")
{
    include "db.php";
    $secret = 'You PUT Site Key';
    $verifyResponse = file_get_contents('https://www.google.com/recaptcha/api/siteverify?secret='.$secret.'&response='.$_POST['g-recaptcha-response']);
    $responseData = json_decode($verifyResponse);
    if($responseData->success)
    {
        $name = $_POST['name'];
        $email = $_POST['email'];
        $pass = $_POST['password'];
        mysqli_query($conn, "INSERT INTO members(name, email ,password) VALUES('" . $_POST['name'] . "', '" . $_POST['email'] . "', '" . md5($_POST['password']) . "')");
        echo "User registration form with captcha validation has been successfully saved";
    }
}

I hope you get an idea about how to create captcha image verification in php and jquery?.
I would like to have feedback on my infinityknow.com blog.
Your valuable feedback, question, or comments about this article are always welcome.
If you enjoyed and liked this post, don’t forget to share.

Implementation of Captcha in Registration Form in PHP

Related posts: