mehmetduran.com - Paylaşmak Güzeldir...
Javascript ile Asp.net'te Kendi Validation'larımızı Oluşturma
Bu yazımda javascript ile kendi validation'larımızı nasıl oluşturacağımızı anlatmaya çalışacağım. Validation yani yaptığımız uygulamalarda kullanıcıların doldurması gereken veya doğru biçimde doldurması gereken alanları kontrol edip, doğru veya yanlışlığı kullanıcıya bildirmek diyebiliriz. Bu kontrolü Visual Studio'da ki Validation bölümü ile rahatlıkla yapabiliriz. Ancak bu kontrolü tamamen kendimiz de yapabiliriz. Böylece yaptığımız uygulamaya daha da hakim olup doğabilecek hataların nedenini daha rahat algılayabiliriz. Bu kontrol ile kullanıcıların alanları daha düzgün kullanmasını sağladığımız gibi aynı zamanda hız ve yapılacak işten de kazanç sağladımızı söyleyebiliriz. En azından serverda çalışacak olan kodlarımızın daha az çalışmasına ve en doğru şekilde çalışmasına ortam hazırlamış oluruz.

Bu durum için basitçe bir örnek verdim. Bu örnekte 2 adet textbox var ve bu kontroller ile isim ve soyisim alıyorum. Serverda ise bu isim ve soyisim ile işlem yapacağım. Ancak bu isim ve soyisimin eksiksiz servera gitmesini sağlamak için kendim bir validation oluşturdum ve bu konrolü sağladım.

Javascript kodlarımız şöyle:

        function validater()
        {
            var isim = document.getElementById("t1").value;
            var soyisim = document.getElementById("t2").value;
           
            if(isim == "" // soyisim == "")
            {
                if(isim == ""){document.getElementById("isim_").innerHTML = "Gerekli";}
                else{document.getElementById("isim_").innerHTML = "";}
                if(soyisim == ""){document.getElementById("soyisim_").innerHTML = "Gerekli";}
                else{document.getElementById("soyisim_").innerHTML = "";}
               
                return false;
            }
            else
            {
                return true;
            }
        }


Bu kodları kullancağım html kısmın kodları ise şöyle:

<asp:TextBox ID="t1" runat="server" Width="100px"></asp:TextBox>
<span id="isim_" style="color:Red;"></span><br />
<asp:TextBox ID="t2" runat="server" Width="100px"></asp:TextBox>
<span id="soyisim_" style="color:Red;"></span><br />
<asp:Button runat="server" OnClientClick="return validater();" Text="Yolla" OnClick="bt_click" ID="Button1" />


Görüldüğü gibi kontrollerimi oluşturdum ve bunları kontrol ediyorum. Uygulamanın daha iyi anlaşılması için ekran görüntüsü ise şöyle olacak:

Javascript ile Asp.net'te Kendi Validation'larımızı Oluşturma

Böylece bu tür işlemler için hazır araçları kullanmaktansa kendi kullancağımız işlemleri kendimiz hazırlamalyız. Ayrıca şunu belirtmek isterimki: herhangi bir asp.net kontrolünün serverda yapacağı işlemi yapıp yapmayacağını bize true veya false olarak sonuç dönderen javascript metotları ile kontrol edebiliriz. Tıpkı yukarıda verdiğim örnekte olduğu gibi. Böylece servera yaptıracağımız işlemler kesin ve doğru olur.

İyi Çalışmalar!
Mehmet Duran 04 Eylül Perşembe 2008 1 17729 3,9
Bookmark and Share
Bu Yazıyı Değerlendirin.
Konuyla İlgili Olabilecek Diğer Yazılar Asp.net ile Dinamik Menü Hazırlama Jquery ve Ajax ile Kullanıcı Kontrollerini Kullanma - 1 C Sharp'ta Switch-Case Kullanımı Yeni Tasarımı ile Facebook Asp.net ile Dll Oluşturma ve Kullanma
Yorumlar
Yorum Yaz
RSS Yorum Takibi
mucahid1986 24 Aralık Cuma 2010 14:56 #1
Mehmet hocam bu şekilde güzel bir site oluşturduğun için teşekkürler.
İsim :
Site :
Yorum :

Buradan bu yazıya ait yorumları RSS olarak takip edebilirsiniz.

Bu servis ile yazılara eklenen yorumları RSS ile takip ederek konu ile ilgili başkaları tarafından yapılan yorumları veya konuyla ilgili sorduğunuz sorulara verilen cevapları görebilirsiniz.
Bazı yıkılışlar daha parlak kalkınışların teşvikçisidir.
Bölümler
Yazılar
Arşiv
Arama
Linkler
Site İçi Arama
Son Zamanlarda Ne Yapıyorum ?
İstatistikler - Araçlar - Reklam
İstatistikler
Sayaç
Mehmet Duran | mehmetduran.com | Copyright © 2009