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:
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!