Search

Jquery Validation (Sayfa Yenilenmesi Olmadan)



0 yorum

Jquery Validation (Sayfa Yenilenmesi Olmadan)

javascript validation sayfa yenilenmedenGeleneksel olarak validation işlemleri bir form elementi üzerinden submit butonuna tıklanarak gerçekleştirilir. Submit butonuna tıklanması halindeyse sayfa post edilir, diğer bir deyişle sayfa yenilenir.
Sayfa yenilenmesi durumu kullanıcılar üzerinde istenmeyen bir etki yapabildiği gibi(sayfanın bir süre görünmez hale gelip sonradan ekrana gelmesi), uygulamamızdaki bazı client değerlerimizi de kaybetmemize sebep olabilmektedir. Bu durumun önüne geçebilmek için postback olmadan nasıl validation işlemini gerçekleştirebileceğimizi öğrenmemiz gerekir.

Bu konuyu anlatırken en yaygın kullanılan ve tamamen ücretsiz olan jquery validation yöntemlerinden biri üzerinden anlatacağım: jqueryvalidation.org
Öncelikle aşağıdaki validation javascript dosyalarını indiriyoruz:
Bu dosyaları sayfamıza ekliyoruz. Kodlarımız aşağıdaki gibi:
HTML:



JavaScript:
$(document).ready(function () {
    $('#testForm').validate({ //Form üzerinde validasyon yapılacak alanlar belirlenir
        rules: {
            ad: { //Alanlar name parametresine göre yazılır
                required: true  //Bu alan boş bırakılamaz ifadesi girilmiştir
            },
            soyad: {
                required: true
            }
        }
    });

    $('#btnTest').click(function() {
        if ($('#testForm').valid()) {
            alert('Alanlar doğrulandı');
            
        } else {
            alert('Hatalı alanlar var');
        }
    });
});

Sonuç(JSFiddle):

0 yorum:

Yorum Gönder

Check Page Rank
DMCA.com