Çok zaman önce https://www.r10.net/php/496035-php-ve...mi-yapmak.html şu konuda jquery'nin nimetlerini kullanarak form işlemleri yapmıştık. Şimdi bir formumuz var ve anlık kullanıcı adı kontrolü yapmayı öğreneceğiz =)

Güvenlik v.s gibi konulara hiç değinmedim işi dahada uzatıp kafanız karışmasın diye. Sadece mantığını öğrenmeniz yeterli gerisi size kalmış =)

Ve unutmayın PHP bilginiz olmalı php'de nasıl kullanılacağını yazmıyorum sadece dosyayı vericem.

İlk olarak inputumuzu koyalım

Kullanıcı adı: <input type="text" id="kullanici_adi" />

Name belirtmedim çünkü name ile işim yok benim =) ID belirtiyoruz ki hangi inputu kontrol ettireceğimizi js'ye söyleyebilelim.

Javascript fonksiyonunun hazırlanışı
Öncelikle unutmadan jqueryimizi sayfamıza ekliyoruz. Ben genelde google'dan çekiyorum siz indirip kendinizde kullanabilirsiniz.

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>

Daha sonrasında javascript fonksiyonumuzu hazırlıyoruz.

function kontrol()
{
	var val = $('#kullanici_adi').val(); //Input'da belirttiğimiz #kullanici_adi ID'sinin değeri
	var uzunluk = val.length; //Yazılan kullanıcı adı uzunluğu
	if(uzunluk>3) { //Yazılan kullanıcı adı uzunluğu 3'den büyükse işlem yap
		$.get('kontrol.php?ka='+val, function(data) {$('#sonuc_gel').html(data);});
	} else {
		$('#sonuc_gel').empty(); //Uzunluk 3'den küçükse #sonuc_gel id'li tagı boşalt.
	}
}

Yanlarında ne işe yaradığı zaten yazıyor anlatmaya gerek yok sanırım.

Son olarak php dosyasımızı verelim

	$var = array('mrhades','r10','hades','cihan');
	$ka = $_GET['ka'];
	if(strlen($ka)>3)
	{
		if(in_array($ka,$var))
		echo '<font color="red">Kullanılamaz!</font>';
		else
		echo '<font color="green">Kullanılabilir!</font>';
	}

İşte bu kadar basit arkadaşlar biraz üstünde çalışın eminim üstesinden gelirsiniz. PHP dosyasıdan bahsetmiyorum en başındada dediğim gibi amaç ajax öğretmek mysql'den nasıl çekersiniz v.s gibi olayları kendiniz yaparsınız =)


DÜZENLEME
Ya unutmuşum inputmuza onkeyup eventini eklemeyi unuttuk =)

<input type="text" id="kullanici_adi" onkeyup="kontrol();" />

Hazırladığımız js fonksiyonuna onkeyup eventi vererek input her değiştiğinde işlem yapılmasını sağlıyoruz =)

DEMO & İNDİR