Dokumen Ary

Belajar adalah suatu investasi yang tak ternilai harganya

Membuat Captcha Ala Google

Eemmmmm… apa kabar nih para pengujung Dokumenary?? semoga anda semua dalam keadaan sehat.. 🙂

Pada kesempatan kali ini saya ingin membahas masalah captcha yang sering kita gunakan untuk memastikan apakah data yang di inputkan benar-benar dari manusia atau bukan. Dulu saya juga pernah posting membuat Captcha Penjumlahan Angka namun kali ini kita akan membuat tampilah tulisan captcha seperti punyanya google, seperti berikut hasilnya:

Hasilnya bisa di lihat di SINI

Skripnya sederhanya, berikut contoh kode file index.php

<html>
<title>Captcha Google</title>
<body>
<form method="POST" action="input.php">
<table>
    <tr>
       <td>Nama</td>
       <td><input type="text" name="nama"></td>
    </tr>
    <tr>
       <td>Website</td>
       <td><input type="text" name="website"></td>
    </tr>
    <tr>
       <td valign="top">Pesan</td>
       <td><textarea name="pesan" cols="40" rows="5"></textarea></td>
    </tr>
    <tr>
       <td></td>
       <td><img src="captcha.php" id="captcha" /><br>
           <a href="#" onclick="
           document.getElementById('captcha').src='captcha.php?'+Math.random();
           document.getElementById('captcha-form').focus();"
           id="change-image">Ganti Teks</a>
       </td>
    </tr>
    <tr>
        <td></td>
        <td><input type="text" name="captcha" id="captcha-form" /></td>
    </tr>
    <tr>
        <td colspan="2"><hr style="color: #f00;background-color: #f00;height: 1px;">
                        <input type="submit" value="Kirim Pesan">
        </td>
    </tr>
</table>
</form>

Dan ini contoh file input.php (sebagai aksi dari form di atas)

<?php
  session_start();
  if (!empty($_REQUEST['captcha'])){
       if (empty($_SESSION['captcha']) || trim(strtolower($_REQUEST['captcha'])) != $_SESSION['captcha']){
          $note = "Penulisan Captcha Salah! <a href='index.php'>&larr; Kembali</a>";
          echo $note;
       }
       else{
          if($_SERVER["REQUEST_METHOD"] == "POST"){
               $nama=htmlentities($_POST['nama']);
               $website=htmlentities($_POST['website']);
               $pesan = htmlentities($_POST['pesan']);

               $note= '<b>Proses Berhasil...</b>';

               echo "$note<br>";
               echo "Nama : ".$nama."<br>";
               echo "webiste : ".$website."<br>";
               echo "Pesan : ".$pesan."<br><a href='index.php'>&larr; Kembali</a>";
          }
       }
       unset($_SESSION['captcha']);
  }
  else{
       echo "Captcha Masih Kosong! <a href='index.php'>&larr; Kembali</a>";
  }
  ?>

Mudah bukan??

berikut saya sertakan file lengkapnya… Download File
Selamat berkarya… 🙂

4 responses to “Membuat Captcha Ala Google

  1. ojan April 8, 2013 at 7:35 am

    Terimakasih mas ary, tutorialnya sangat bermanfaat.. 🙂

  2. sukarmo July 1, 2014 at 3:22 am

    ijin sedot mo cobain thanks mas

  3. sastra July 5, 2018 at 3:30 am

    ijin download gan, sangat bermanfaat

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out /  Change )

Google photo

You are commenting using your Google account. Log Out /  Change )

Twitter picture

You are commenting using your Twitter account. Log Out /  Change )

Facebook photo

You are commenting using your Facebook account. Log Out /  Change )

Connecting to %s

%d bloggers like this: