Aycan.net

Merhaba arkadaşlar, bu jquery post amator bir post’dur yani fazla kod kalabalığı vardır. Ama benim amacım sizlere yolu göstermek, yolda yürümek sizin işiniz. Bu form’u nasıl daha prof yapabilirdik onuda anlatacak olursak ;

1 – Tek tek input value’lerini almaktan ziyada each ile topluca alabilirdik.

2 – E posta kontrolu yaptırabilirdik

3 – jQuery post yaparken serialize(); ile değerleri gönderebilirdik.

4 – Post edilirken yükleiyor tarzı bir resim gösterebilirdik.

Ama şimdi yaptığımız kısımları anlatıyorum.

Şimdilik bu kadar, sömürgeci olmamanız ve blogumda (fikir/duygu/düşünce)lerinizi belirtmeniz dileğiyle…

Kodlar ve anlatımları

$(document).ready(function(){
    // gonder class'li buton click edildiginde yani tiklanildiginda
    $('.gonder').click(function(){

        // Formun icindeki inputlarin verilerini kontrol icin tek tek aliyoruz.
        // Normalde bu kontrolu each ile alip ugrasmadan ekrana hata mesajları gösterebilirdik ama kafa karıştırıcı olmasın diye böyle anlatıyorum.
        var adi = $('#adi').val();
        var eposta = $('#eposta').val();
        var mesaj = $('#mesaj').val();

        //Verileri aldik, şimdiki işimiz uzun yoldan verileri tek tek kontrol etmek : )
        //Girilen isim 3 karakterden buyukse devam et
        if(adi.length > 2)
        {
            // Girilen e-posta 5 karakterden buyuk ise devam et
            if(eposta.length > 5)
                {   // Girilen mesaj 6 karakterden buyuk ise devam et.
                    if(mesaj.length > 6)
                        {
                            /**
                             * Asil isimiz burada arkadaşlar Post işlemine başlıyoruz
                             * $.post                                   = jquery ile post etmeye basliyoruz
                             * "mailGonder.php"                         = verileri gondereceginiz sayfanin url'sinii yaziyorsunuz
                             * {adi:adi,eposta:eposta,mesaj:mesaj}      = burasi ise aldigimiz verileri tek tek gonderiyoruz,
                             * Bu kisim cok amator oldu ama serialize'ye gecmeden once bu sekilde anlatmak istedim.
                             * function(donenVeri){alert(donenVeri);}   = Bu kisim ise post edilen sayfadan geri donen cevabtır.
                             **/
                            $.post("mailGonder.php",{adi:adi,eposta:eposta,mesaj:mesaj},function(donenVeri){
                               alert(donenVeri);
                            });
                        }else
                            alert("Lütfen mesaj\u0131n\u0131z\u0131 giriniz");
                }else
                    alert("Lütfen email adresinizi giriniz.")
        }else
            alert("Lütfen ad\u0131n\u0131z\u0131 ve soyad\u0131n\u0131z\u0131 giriniz.");
    });
});