4
Özellikle formlar aracılığı ile kullanıcılarla etkileşimde olunan durumlarda işlem yapanın gerçek bir kullanıcı mı yoksa otomatik bir bot mu olduğunu kontrol etmek zorunlu olmaktadır. Piyasada bulunan Captcha uygulamalarından en dikkat çekici olanını inceleyelim.
Jquery UI kullanarak gerçekleştirilen bu sistemde basit bir index kullanımı ile aktif hale gelebiliyor. Kodları inceleyelim;
index.html
<html>
<head>
<meta http-equiv="Content-type" content="text/html; charset=utf-8">
<title>Serpito.com Ajax Captcha Uygulaması</title>
<script type="text/javascript" src="latest-jquery/jquery-1.3.2.min.js"></script>
<script type="text/javascript" src="latest-jquery-ui/jquery-ui-1.7.2.custom.min.js"></script>
<script type="text/javascript" src="captcha/jquery.captcha.js"></script>
<link href="captcha/captcha.css" rel="stylesheet" type="text/css" />
<style type="text/css" media="screen">
body { background-color: white; }
</style>
<script type="text/javascript" charset="utf-8">
$(function() {
$(".ajax-fc-container").captcha({
borderColor: "silver",
text: "Gerçek bir kullanıcıysan <span>makas</span> i daireye sürükle."
});
});
</script>
</head>
<body>
<div>captcha uygulamasını görebilmek için tarayıcınızın javascript özelliğini açmalısınız!</div>
<!-- ornek icin basit bir form -->
<form action="captcha/captcha.php" method="post" id="myForm">
<p><input type="text" name="myField1" value=""></p>
<p><input type="text" name="myField2" value=""></p>
<p><input type="submit" name="submit" value="formu gönder!"></p>
</form>
<!-- form sonu -->
</body>
</html>
Uygulamanı tüm dosyalarını tek tek buraya kodlamak boşuna vakit kaybı olacaktır. Basit bir şekilde formlara entegre etmenin yolunu paylaştık.
Uygulamanın çalışır demosunu incelemek için tıklayınız.
Uygulama dosyalarını zip şeklinde indirmek için tıklayınız.
