PHP & Ajax kullanarak anlık kullanıcı adı kontrolü

Ç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

ellerinize saglik guzel paylasim olmus

Vaov harika! Çok teşekkürler. Devamını bekleriz.

Emeğinize sağlık, güzel anlatmışsınız.

<kd>Süleyman hocam valla çok sevindim moderatör olmuşsunuz hayırlı olsun </kd>

Teşekkür ederim. Sizinde moderatörlüğünüz hayırlı olsun hak ettiğiniz bir görevdi zaten

Teşekkür ederim =) Devamı gelicekde ne zaman bilinmez

Teşekkür ederim elimden geldiğince yazmaya çalıştım işte =)

Aklınızda olan ajax işlemleri varsa onlarıda hazırlayabilirim =) NE yapmak istediğinizi söleyin bende onu hazırlayayım =)

Sağolasın güzel ders olmuş eline sağlık. Şu dosya upload vs. yaparken %1 %10 gibi progressbar var bunun yapımını bu konudaki gibi anlatsan çok güzel olabilir (bence )

teşekkür ederim =) Tamam hazırlayayım

farklı bir konu açmaya gerek yok bende bir konu açıcaktım arkadaş daha önce açmış bende nacizhane bir paylaşımda bulunayım

Php & Ajax ile 2 Mail Adresinin Aynı Olmasını Anlık Kontrol Eden Form

head arası

<script type="text/javascript" src="jquery.js"></script>
<script language="javascript">
 function kontrol()
 {
      var mail = document.getElementById('mail').value;
      var mail2 = document.getElementById('mail2').value;

      jQuery.ajax({
                    type:'POST',
                    url:'kont.php',
                    data: 'mail='+mail+'&mail2='+mail2,
                    
                    success: function(sonuc) 
                             {
                                 $('#sonuc').html(sonuc);
                             }
                 }); 
 }

</script>

form sayfamız (body arası)

  Mail Adresi:<input type="text" id="mail" onkeyup="kontrol()" />
  Tekrar Edin:<input type="text" id="mail2" onkeyup="kontrol()" />
        
   <div id="sonuc"></div>

işlem yapan php sayfamız

<?php
$mail=$_POST['mail'];
$mail2=$_POST['mail2'];

    if($mail <> "")
    {
    echo "Adresiniz: ".$mail." ";
    }
    if($mail2 <> "")
    {
    echo "<br />";
    echo "Tekrar Eden: ".$mail2." ";
    }
    
    if($mail == $mail2 and $mail <> "" and $mail2 <> "")
    {
        echo "<br /><font color=green>Adresler Doğru!</font>";
    }
    if($mail <> $mail2)
    {
        echo "<br /><font color=red> 2 Mail Adresi Farklı Kabül Edilemez!</font>";
    }

?>

görsel kısmı ile uğraşmadım tabiki geliştirebilirsiniz iyi çalışmalar..
Demo | İndir