Search

JavaScript ile Captcha



0 yorum

JavaScript ile Captcha

javascript captcha
Merhaba arkadaşlar, javascript ile kendi captchamızı nasıl yapacağımızı anlatacağım. Captchamız kullanıcıya matematiksel bir işlem sorup sonucunu isteyecek. Ben random şekilde gelen iki sayı arasında toplama işlemi yaptıran bir captcha üzerinden anlatımımı gerçekleştireceğim.
Yapacak olduğumuz captcha jquery dışında herhangi bir ek javascript dosyası gerektirmiyor ve istediğiniz şekilde bir captcha işlemi yaptırmakta özgürsünüz.

Gelelim kodlarımıza:
HTML:
  
Javascript:
 
var hesapla;
$("document").ready(function(){
    Captcha(); //Captcha oluşturulur
    $("#kod").text(hesapla.show());
});

//Sonuç dinlenir
function Sonuc()
{
    if($("#captcha").val() != hesapla.solve())
    {
        alert('hatalı kod girişi');
    }else
    {
        alert('başarılı');
    }
}

//Captcha oluşturan fonksiyonumuz
function Captcha()
{
    hesapla = {
        bounds: {
            lower: 5, // düşük alandaki değer aralığı 5
            upper: 10 // yüksek alandaki değer aralığı 10
        },
        first: 0,
        second: 0,
        generate: function()
        {
            this.first = Math.floor(Math.random() * this.bounds.lower) + 1;
            this.second = Math.floor(Math.random() * this.bounds.upper) + 1;
        },
        show: function()
        {
            return this.first + ' + ' + this.second; //input içerisinde gösterilecek
        },
        solve: function()
        {
            return this.first + this.second; //sonucu hesaplayacak
        }
    };
    hesapla.generate();
}     

0 yorum:

Yorum Gönder

Check Page Rank
DMCA.com