How to Add a Captcha to a PHP Registration Form

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?.

This blog post was originally published at: https://www.pakainfo.com

#php #jquery