Ana Sayfa   -   Forum   -   Dersler   -   Dosyalar   -   Kaynak Siteler   -   E - Kitaplar   -   Etiketler
Javascript ile form kontrolü
Ana Sayfa / Makaleler / Javascript | 1 Yorum | 967 Okuma
Gönderen: altayalp | Tarih: 09 Nisan 2006
Selam ile arkadaşlar. Javascript'le form kontrolü yapmanın gereği ne, diye sorabilirsiniz. Bir çok avantajı var tabi ki. Diyelim ki ziyaretçi formu boş bıraktı sayfayı yenilememize gerek kalmadan ona anında bir uyarı mesajı gösterebiliriz. Böylece işlem yapacak sayfamıza gitmeden form kontrolünü yapmış oluruz. İşte size basit bir örnek. Diyelim ki ziyaretçinin ismini soracağız. isim adında bir formumuz olsun. Ama önce sitemizin <head>.....</head> etiketleri arasına fonksiyonumuzu tanımlayalım. Aşağıdaki kodu <head>......</head> etiketleri arasına yerleştirin.


KOD:
<script language="javascript">
<!--
function kontrol(form) {
if(forum.isim.value == "") {
alert("Form Alanı Boş Bırakılamaz!");
} else {
alert("Formu Doldurmuşsunuz");
}
}
// -->
</script>

Şimdi de ziyaretçiye adını soracağımız formu ve düğmeyi oluşturalım. Aşağıdaki kodları yukarıdaki kodlarla aynı sayfaya fakat <body>....</body> etiketi arasına yerleştirin.


KOD:
<form name="forum" id="forum">
Adınız:<br>
<input type="text" name="isim" id="isim" size="20">
<input type="button" name="buton" value="Gönder" onClick="kontrol(this.form)">
</form>

Şimdi sayfamıza bir bakalım. Bir form alanı ve bir düğme bulunuyor. Eğer foruma bir şey yazarsanız "formu doldurmuşsunuz" boş bırakırsanız da form alanı boş bırakılamaz mesajını alırsınız. Evet kodlarımızı inceleyelim. Html kodlarımızla isim adında bir metin kutusu ve bir düğme oluşturduk. Düğmemizde;


KOD:
onClick="kontrol(this.form)"

satırını kullanarak düğmeye tıklandığında kontrol fonksiyonunu çağırıyoruz. Kontrol fonksiyonunda ise isim adını verdiğimiz forumun boş olmadı yada olmaması durumunda mesaj vermesini sağlıyoruz. Burada da dikkat ettiyseniz if else ve alert kullandık. Basit bir örnek, umarım anlamanıza yardımcı olur.
[ Makaleyi İndir ] [ Yazıcı Görüntüsü ] [ Tavsiye Et ] [ Takibe Al ] [ Yorum Ekle ]
Bu sayfayı Paylaşın : del.icio.us | Furl | Digg | Technorati | Reddit | Google Bookmarks | Simpy
 
● Toplam 1 Yorum Yapılmış
firefoxda çalışmıyor | sRKn | 11 Haziran 2008 Çarşamba
firefoxda çalışmıyor

Makale Yazarı
Kullanıcı Adı: altayalp
Diğer Makaleleri ( 100 )
09 Nisan 2006
Bu Kategoriye Yeni Makale Ekle

Üye Alanı
Toplam Üye: 2577
Üye Adı:
Şifre:
Yükleniyor
İşlem Yapılıyor Lütfen Bekleyin...
Şifremi Unuttum
Üye Olmak İçin Tıklayın
Çevrimiçi: 1 Ziyaretçi, 0 Üye Toplam 1 Kişi Bulunmakta

Dersler

Aklınıza Takılan Herhangi Bir Sorun Mu Var? Forumlarımızdan Yardım İsteyebilirsiniz...

Dersler.Org altyapı olarak kendi kodladığımız Enderûn İçerik Yönetim Sistemini kullanmaktadır.

Tüm AYYILDIZ sevdalılarına, Aziz ŞEHİTLERE, VATAN kutsaldır diyen yiğitlere ithaf olunmuştur.
© altayalp 2007 Her Hakkı Saklıdır
İzinsiz kullanılamaz. Enderûn İçerik Yönetim Sistemi
Ubuntu, Linux
Çalmak, Çırpmak Haliyle Yasaktır
ve maalesef en iyi internet explorer ile izlenir
eXTReMe Tracker