Merhaba arkadaşlar. Uzun bir aradan sonra, yaklaşık 10 gündür bloga yazamadım. İçimde yine yazma hissi oluştu ve buraya kadar geldim... Bu seferki blogumuzda kısa kısa javascript kodlarıyla kullanıcının inputları boş bırakmasını önleyeceğiz. Hani form doldururken 'lütfen * lı alanları boş bırakmayınız' uyarısını alırız, bizde ona benzer bi uygulama yapıcaz. Şimdi kodumuzu yazalım
<head>
<script language="Javascript">
function kontrolet(alan)
{
if(alan.value.length<1) //elementimizin value propertysinin uzunluğuna bakıyoruz. Boş ise
{
alert("Alanı boş bırakma"); // alert metotu ile uyarı penceresi oluşturuyoruz
// ve False değerini döndürüyoruz.
return false;
}
else
{
return true;
}
}
</script>
</head>
Kullanacağımız fonksiyonu head başlık kısmına yazdık.Şimdi body kısmında nasıl kullanacağımızı görelim
<body>
<form action="" method="post" name="formum" >
<input type="text" name="isim" value="" onBlur="kontrolet(this)"> // elementin onBlur propertsinde
// fonksiyonu çağırdık ve this anahtar kelimesi
// ile bulunduğumuz elementi gösterdik. Bu element için this=isim dir.
<input type="text" name="soyisim" value="" onBlur="kontrolet(this)"> //elbette this yerine soyisim de
//yazabiliriz.
</form>
</body>
onBlur ==>Nesneden ayrılma durumunu izah eder. Mesela kullanıcı adını tıkladıktan sonra boş bırakıp fareyi başka yere götürdüğünüzde fonksiyon devreye girer.
Kodumuz bundan ibaret arkadaşlar. Son derece kolay ve kullanışlı. Yakında Jquery uygulamaları gelecek. Bi sonraki blogda görüşmek dileğiyle hoşçakalın...
Hiç yorum yok:
Yorum Gönder