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ı
KONU İLE İLGİLİ ÖRNEKLER
|
Metin kutusu boş bırakıldığında uyarı verilmesini sağlama
|
Kendin Dene
|
Kutu boşken butona tıklayınız. Tarayıcınıza göre farklı şekilde uyarı alacaksınız.
20671 kez okundu.