« File uploading with PHPPut watermark on images using PHP »

Captcha image verification Posted in PHP Tutorials | 229 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 knowledge with thousands of webmasters and we will reward you for your generosity by giving you bonus points which you can use as a voucher to buy any of our commercial products. Read more about our reward program.

229 Replies to "Captcha image verification"

IAN October 26, 2007 at 10:00 am | Reply

0

I USE FORMMAIL.CGI TO PROCESS MY FORM (ACCOMMODATION, MORE FIELDS). HOW CAN I INCLUDE YOUR VERIFICATION IN FORM. THANKS
--------------
Veselin: you need to use PHP script to send the emails
Ron October 26, 2007 at 4:56 am | Reply

0

If I enter a wrong validation number it still allows the form to be sent. What Have I done wrong?
------------------
Veselin: hard to guess what could be wrong, but maybe your server does not support SESSIONs or you just made a mistake applying the code on your form :)
jay October 19, 2007 at 11:11 pm | Reply

0

still doesn\'t execute the SQL
jay October 19, 2007 at 4:11 pm | Reply

0

i have the captcha image verification working, and i have a redirect once it gets to the submit.php. however, i have a SQL insert statement in between the verification and the redirect, but it\'s not executing the insert statement. any ideas?
-----------------
Veselin: remove the redirect and see if it will execute the SQL
John October 5, 2007 at 5:20 am | Reply

0

Nice script, learnt a lot from this example. Thank you for sharing your good work.
HS September 24, 2007 at 2:08 pm | Reply

0

Steven, the image will appear correctly also in Firefox when you include it in the html image tag. I had the same issue with Opera.
John September 21, 2007 at 10:33 pm | Reply

0

Very nice script, Planning to use it soon. Thank you.
Stephen Whitehead September 14, 2007 at 1:19 am | Reply

0

I\'ve uploaded the captcha.php file to my server but when viewing in the firefox browser the image isn\'t displayed, just a series of random symbols, letters and numbers - the image displays fine in IE though. the version of firefox is v2.0.06. Any suggestions on what the issue is?
Viktor September 10, 2007 at 10:47 am | Reply

0

HI, I use php 4.1.1. and captcha.php returns error message :
Warning: rand(): Invalid range: 10000..99999 in c:\\apache\\htdocs\\colosseum\\captcha.php on line 3

Fatal error: Call to undefined function: imagecreate() in c:\\apache\\htdocs\\colosseum\\captcha.php on line 9

what\'s the probleme?
Sasho Valkanov August 30, 2007 at 11:25 am | Reply

0

If you have any additions, suggestions or modifications for this example please send an email to info@phpjabbers.com or use the form below.


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 our Webmaster Community Reward Program, 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 ~