« File uploading with PHPPut watermark on images using PHP »

Captcha image verification Posted in PHP Tutorials | 234 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.

234 Replies to "Captcha image verification"

Severo February 4, 2008 at 7:49 am | Reply

0

Try to make it larger and easier to read, and shorter.
li January 15, 2008 at 11:31 am | Reply

0

hey,
i think that code is really simple and very good,
i have implemented it on my site and it works.
the only thing i would like to do to reach perfection
is to be able to get the \"incorrect security code\" on the same page
of the form. like in your page .
it just add a red line above the text box.

please tell us how to do it.
satheesh January 7, 2008 at 6:09 pm | Reply

0

great coding... its working in form .
thanks a lot
Javier December 28, 2007 at 9:00 pm | Reply

0

have problem with:
if ($HTTP_POST_VARS["vercode"] != $_SESSION["vercode"] OR $_SESSION["vercode"]=='')  {
echo '<strong>Codigo Incorrecto de Verificación.</strong><br>';
echo $HTTP_POST_VARS["vercode"];
echo $_SESSION["vercode"];

do captcha.php but verificacion in the same form, when echoing the vars the seccond 1 was empty

How can I pull that var to the main registro.php
isak December 27, 2007 at 8:39 pm | Reply

0

I added the captcha to an existing form. Verification works fine. If the verification is successful, I am redirecting the form to myMail.php program as follows:
<?
session_start();
if ($_POST["vercode"] != $_SESSION["vercode"] OR $_SESSION["vercode"]=='') {
   echo '<strong>Incorrect verification code.</strong>';
} else {
   header("Location: http://www.whatever.net/cgi-bin/myMail.php");
};
?>

I keep getting an error message that a required field on the form has not been completed. But it has been completed. If I remove the link to submit.php and link directly to myMail.php verification of the required field works.
Help?
----------------------
Veselin: using header redirect to your mail script you do not pass the variables submitted to your form. And myMail.php does not receive the data from the form and this is way tells you that a field is required. What I would suggest is that you copy the code from myMail.php script in your submit.php file so it is the one that processes form data.
----------------------
Isak: Many thanks. I think that did it. Now on to tweaking.
tomasz December 25, 2007 at 11:33 pm | Reply

0

hmm.. it works on my other page, when refreshing i have to reenter the code,

but on the other one it works without reentering... can you help me on this?
tomasz December 25, 2007 at 10:36 pm | Reply

0

Hi,

can you help me, code works, but when i refresh the posted form it doesnt say that the code is wrong, it continues, you can refresh as much as you want ...

Is there any way to fix it, when you post it, the code changes, and when you want to refresh the page, you have to reenter the code

Thanks
lian December 24, 2007 at 7:57 am | Reply

0

i will explain myself better....
i have put that code in my website. it works well, but i would like it to act like your form in which the submit does not open a new window if the verification code is mistyped. and just add a line says type again, and it should change a picture as well...
what have i done wrong ?
thank you.
Martellito December 19, 2007 at 11:25 pm | Reply

0

Thanks! It took a bit of fiddling around but it works now. The reason I printed the session variable on the screen was to make sure that the image\'s number matched the session variable in memory. In the web page, of course I won\'t print it, as it defeats the purpose of it. Thanks again, you\'ve been extremely helpful!

Rodrigo Martell December 19, 2007 at 9:58 am | Reply

0

Great script! I have a tiny problem, howver, making it work. I created a test php file and called it testimage.php, the code is:
<br /><?<br />
session_start();
error_reporting(E_ALL ^ E_NOTICE);
?>
<td>
<input name="create_image" type="text" value=""><br />
  <br>
<img src="captcha.php">
</td>
<?
echo("THis is the code: ".$_SESSION['vercode']);
?>

I notice that upon initial loading of testimage.php, the session variable isn't set so nothing is displayed in the echo statement in line 3 of captcha.php. If you refresh the page, a code is displayed in the echo statement, but it doesn't match the one on the image. I realized that the session variable is set and sent after the echo statement is executed in captcha.php line 3 so when testimage.php reads it in it's always lagged (displays the previous code before refresh). Can you please give me a pointer on how to fix this? I'm kind of pulling my hair out.</p>
Great script! I have a tiny problem, howver, making it work. I created a test php file and called it testimage.php, the code is:
Thanks!!

--------------------------------------
Veselin: what you can do is to set the session variable in your testimage.php and then the captcha.php to use that variable. But I do not see a reason why you want to print the value of session variable on your web page


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 ~