Metin Kutusunun Boş Bırakılmasını Engelleme


Twitter'da Paylaş Favorilerime Ekle

Form Elemanlarının Boş Bırakılmasını Engelleme

Web sayfamızda kullanıcıdan bilgi almak için kullandığımız formlarda, bazı elemanların boş bırakılması hataya sebep olacak ise buna önlem almamız gerekir.

Örneğin bir metin kutusunun boş bırakılması, o elemandan bilgi alırken ya da işlem yaparken hataya sebep olacaktır.

Elemanların boş olup olmadığını if yapısı ile kontrol edebilir ya da çok daha basit bir yol kullanabiliriz.

Aşağıdaki örnekte kutu1 isimli metin kutusuna yazılan "required" parametresi sayesinde, kullanıcı kutu boşken formu onayladığında tarayıcının uyarı vermesi sağlanmıştır.

Örneğin çalışan halini Konu Örnekleri kısmında bulabilirsiniz.

<form action="islem.asp" method="post">
  <input type="text" name="kutu1" required>
  <input type="submit" value="Gönder">
</form>

*Bu yöntem tarayıcıların eski versiyonlarında çalışmayabilir. Eğer Asp.Net kullanıyorsanız Validation Controls (Doğrulama Kontrolleri) kullanabilirsiniz. Validation Controls hakkında bilgi almak için tıklayınız.

JavaScript kullanarak form doğrulama (validate) aşağıdakine benzer şekilde de yapılabilir.

<script>
function dogrula() {
    var x = document.forms["Form1"]["kutu1"].value;
    if (x == null || x == "") {
        alert("İsminizi girmediniz!");
        return false;
    }
}
</script>
 
.............
 
<form name="Form1" action="islem.asp"
onsubmit="return dogrula()" method="post">
Adınız: <input type="text" name="kutu1">
<input type="submit" value="Gönder">
</form>

Bu örnekte form onaylandığında (submit) öncelikle dogrula fonksiyonu çalıştırılacak, bu fonksiyon istenilen kontrolleri yaptıktan sonra true değeri döndürürse form onaylanacak, aksi halde form onaylanmayacaktır.

 

html for elemanının boş bırakılmasını engelleme, metin kutusunun boş bırakılmasını engelleme ve uyarı verme, required parametresi kullanımı