« File uploading with PHPPut watermark on images using PHP »

Captcha image verification Posted in PHP Tutorials | 232 Comments
A good way to avoid automatic form submissions when creating a web form is to add some kind of verification. One of the best ways is to use an image verification, called also captcha. What it does is to dynamically create an image with a random string displayed on it. Then visitor is asked to type that string in a text field and once the form is submitted it checks if the string on the image matches the one inputted by the user. Because there is no easy way to read a text from an image (image recognition) this is a good way to protect your web forms from spammers.
For doing this CAPTCHA I would suggest using a session variable where you store the string generated and displayed on that dynamically generated image.

<?php 
session_start();
$text = rand(10000,99999);
$_SESSION["vercode"] = $text;
$height = 25;
$width = 65;

$image_p = imagecreate($width, $height);
$black = imagecolorallocate($image_p, 0, 0, 0);
$white = imagecolorallocate($image_p, 255, 255, 255);
$font_size = 14;

imagestring($image_p, $font_size, 5, 5, $text, $white);
imagejpeg($image_p, null, 80);
?>


Save this code in a file called captcha.php. What this script does is to generate a random number from 10000 to 99999 and then assign it to $_SESSION['vercode']. Then it generates a 25x65 pixels image with black background and white text using size 14. So if you upload that captcha.php file on your web site and open http://www.site.com/captcha.php you will see an image displaying random integer. You will receive a new random integer every time you refresh that page.

Next we need to create our web form.

<form action="submit.php" method="post"> 
Comment: <textarea name="coment"></textarea><br>
Enter Code <img src="captcha.php"><input type="text" name="vercode" /><br>
<input type="submit" name="Submit" value="Submit" />
</form>


Above code will create a form with a single textarea box, randomly generated image using the captcha.php script and a text field where you will have to enter the verification code.

All we have to do now is to make the submit.php script which will check if the verification code you enter matches the one that has been randomly generated.

<?php 
session_start();
if ($_POST["vercode"] != $_SESSION["vercode"] OR $_SESSION["vercode"]=='') {
echo '<strong>Incorrect verification code.</strong><br>';
} else {
// add form data processing code here
echo '<strong>Verification successful.</strong><br>';
};
?>

Do you know PHP / HTML / CSS / JS well?

Write tutorial on a topic you are good in and become a trusted PHP jabber! Share your experience with millions of other webmasters visiting our website. Contact us for more information how to become a contributor.

232 Replies to "Captcha image verification"

sss October 11, 2012 at 11:07 am | Reply

0

image cant be view.....hepl me:(
eranga November 17, 2012 at 6:53 am

+1

used this after <?php tag if not used it header
('Content-type: image/jpeg');
ajith August 8, 2012 at 3:35 pm | Reply

+4

if you get a blank page or a 500 error for captcha.php its because you dont have the GD library installed for php. you can check if you have the library if you create a test page which looks like <?php phpinfo(); ?>.
also add the following line on the tope of your captcha.php file for it to work properly.
"header('Content-type: image/jpeg');"
prashant January 26, 2013 at 3:59 pm

+1

sir, i have enabled gd library and wrote header as you have mentioned... but image still not displayed...
kkk August 6, 2012 at 6:04 am | Reply

+4

image can't be seen, help me :(. thanks.
medesigns October 1, 2012 at 7:26 am

+3

I also can't see image. just a missing image icon.
irctc login July 31, 2012 at 9:20 am | Reply

+3

Really helped me. I will include this in my irctc login page
Talha Mughal July 24, 2012 at 3:32 pm | Reply

+3

This is a great website, where I found helpful material and also found experience good webmaster.
haider ali July 22, 2012 at 10:27 pm | Reply

+3

thanks a lot it really solve my problem
thanks a million
Alex Aalleexx July 3, 2012 at 9:30 am | Reply

+3

Thank a lot!
balavishnu June 6, 2012 at 6:19 am | Reply

0

Now its working :) Thx for the post
balavishnu June 5, 2012 at 10:05 am | Reply

+5

It says Undefined variable: _SESSION['vercode']; in local host...i copy-paste correctly...pls help me
zzz May 24, 2012 at 9:18 pm | Reply

+6

The image cannot be displayed because it contains error.
I copy and paste it the code.
zzz May 24, 2012 at 9:23 pm

+1

It works now...


Please be polite and helpful and do not spam or offend others. We promise you will be treated the same way.

Log in your free account or if you still haven't joined you can create your free account now.

Posting tip:
if you use code in your comments please put it in these tags [php], [sql], [css], [js]
PHP code example: [php] echo date("Y-m-d"); [/php]

Thank you,
~ PHPJabbers team ~