ยืนยันรหัสก่อนส่งข้อมูล HTML contact form with CAPTCHA

id="captchaimg" >

The HTML form above contains the fields for name, email and message. In addition, we have the CAPTCHA image. The tag for the CAPTCHA image points to the script captcha_code_file.php. The PHP script in 'captcha_code_file.php' creates the image for the captcha and saves the code in a session variable named '6_letters_code'.

Validating the CAPTCHA

When the form is submitted, we compare the value in the session variable(6_letters_code) with the submitted CAPTCHA code( the value in the text field 6_letters_code). If the codes match, then we proceed with emailing the form submission. Else we display an error.

Here is the code that does the server side processing:

if(isset($_POST['submit']))

{

  if(empty($_SESSION['6_letters_code'] ) ||

    strcasecmp($_SESSION['6_letters_code'], $_POST['6_letters_code']) != 0)

  {

      //Note: the captcha code is compared case insensitively.

      //if you want case sensitive match, update the check above to

      // strcmp()

    $errors .= "n The captcha code does not match!";

  }

  if(empty($errors))

  {

    //send the email

    $to = $your_email;

    $subject="New form submission";

    $from = $your_email;

    $ip = isset($_SERVER['REMOTE_ADDR']) ? $_SERVER['REMOTE_ADDR'] : '';

    $body = "A user  $name submitted the contact form:n".

    "Name: $namen".

    "Email: $visitor_email n".

    "Message: n ".

    "$user_messagen".

    "IP: $ipn";

    $headers = "From: $from rn";

    $headers .= "Reply-To: $visitor_email rn";

    mail($to, $subject, $body,$headers);

    header('Location: thank-you.html');

  }

}

Customizing the CAPTCHA

The CAPTCHA script in the sample code download can be customized. If you open the script, you can see the first few lines of the code as shown below:

$image_width = 120;

$image_height = 40;

$characters_on_image = 6;

$font = './monofont.ttf';

//The characters that can be used in the CAPTCHA code.

//avoid confusing characters (l 1 and i for example)

$possible_letters = '23456789bcdfghjkmnpqrstvwxyz';

$random_dots = 0;

$random_lines = 20;

$captcha_text_color="0x142864";

$captcha_noise_color = "0x142864";

You can change the size of the CAPTCHA by changing $image_width & $image_height. The number of characters in the CAPTCHA can be changed by updating $characters_on_image. Similarly, the text color of the CAPTCHA can be customized by updating $captcha_text_color. The code adds some 'noise' in the image by adding random lines and dots. you can increase or decrease the noise. Please note that increasing the noise may make it difficult for your genuine visitors to read the code.