Captcha image verification

posted on June 24, 2006, 12:47 am

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>'; 
}; 
?>

Did you check our Contact Form script?

For a small fee we can make any of your web forms have a CAPTCHA verification. Let us know if you need help with it.

Comments
raj posted on January 20, 2010, 6:08 am
where i will get "add form data processing code here" as per instructions

tribhuvan posted on January 18, 2010, 2:51 pm
plz help me how to insert & retrieve image.

Damien Darwick posted on January 18, 2010, 1:18 pm
How do I modify the code to not have to place it at the top of eh page. I have other code and design that needs to go ahead of that code.

JJ posted on January 15, 2010, 10:05 pm
Hi,

How can i have some text that when clicked reloads the image?

Also how can i change the font?

Thanks
JJ

viktor posted on December 29, 2009, 11:36 pm

szabi posted on December 29, 2009, 1:26 pm
how can i join the two ?

khalid posted on December 13, 2009, 10:52 am
i just wana check if this is the contact form and ....

jon messing posted on December 7, 2009, 4:53 am
I have some forms that are general in nature, they just return some information so that people can request a service for a company. But I would like them all to have form captcha. I kind of understand it. How much would you charge to set one of them up and then I can just add the same code to the rest of the forms, there are probably three. I know it would probably take someone about 10 minutes to do ... im just a bit clumsy with this.

Please let me know.

THanks

Jon

alan barnes posted on November 13, 2009, 2:36 am
nevermind, i found out how to add letters, but still need to changed font.
session_start();
// Generate a random character string
function rand_str($length = 32, $chars = 'ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz1234567890')
{
// Length of character list
$chars_length = (strlen($chars) - 1);

// Start our string
$string = $chars{rand(0, $chars_length)};

// Generate random string
for ($i = 1; $i < $length; $i = strlen($string))
{
// Grab a random character from our list
$r = $chars{rand(0, $chars_length)};

// Make sure the same two characters don't appear next to each other
if ($r != $string{$i - 1}) $string .= $r;
}

// Return the string
return $string;
}

$text = rand_str($length = 6, $chars = 'ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz1234567890');
$_SESSION["vercode"] = $text;

ala barnes posted on November 13, 2009, 2:19 am
how do you change the font and also put some letters in the captcha image?

Pages:   1   2   3   4   5   6   7   8   9   10   11   12   13   14   15   16   
   
If you have any additions, suggestions or modifications for this example please contact us or use the form below.
   
Your name:
Your email: (email address will not be posted on the web site)
Comment:
Verification