Konular
Videolar
Sunular
Testler

Javascriptle Form Kontrolü

Basit bir forma ait nesnelerin javascript yardımı ile kontrol edilmesi

 Aşağıdaki gibi bir forma ait javascript kontrol kodları

Javascriptle Form Kontrolü

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=windows-1254" />
        <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-9" />

        <script type="text/javascript">
            function Kontrol(){
                Form=document.forms['giris'];

                //Radio Kontrol
                RadyoSecim=0;
                for(i=0; i<Form.elements['cinsiyet'].length; i++){
                    if(Form.elements['cinsiyet'][i].checked==1){
                        RadyoSecim=1;
                        break;
                    }
                }

                //Checkbox kontrol
                CheckSecim=0;
                for(i=0; i<Form.elements['hobi'].length; i++){
                    if(Form.elements['hobi'][i].checked==1){
                        CheckSecim=1;
                        break;
                    }
                }


                if(Form.elements['ad'].value.length==0) alert("Lütfen isim giriniz"); //text
                else if(Form.elements['memleket'].selectedIndex<1) alert("Lütfen memleket seçiniz"); //select
                else if(RadyoSecim==0) alert("Lütfen cinsiyet seçiniz"); //radio
                else if(CheckSecim==0) alert("Lütfen hobi seçiniz"); //checkbox
                else if(Form.elements['oz_gecmis'].value.length==0) alert("Lütfen öz geçmiş giriniz"); //textarea
                else Form.submit();
            }
        </script>
    </head>

    <body>

        <form name="giris">
            <div>Adınız <input type="text" name="ad" /></div>
            <div>Memleketiniz <select name="memleket">
            <option>Seçiniz</option><option>İstanbul</option><option>Mersin</option><option>Malatya</option></select></div>
            <div>Cinsiyet <input type="radio" name="cinsiyet" value="1" /> Erkek <input type="radio" name="cinsiyet" value="0" /> Kadın</div>
            <div>Hobi <input type="checkbox" name="hobi" /> Kitap <input type="checkbox" name="hobi" /> Gezi</div>
            <div>Öz Geçmiş <div><textarea name="oz_gecmis" rows="2" cols="30"></textarea></div></div>
            <div><input type="button" value="Tamam" onclick="Kontrol()"></div>

        </form>
    </body>

</html>
 

 

 


29,834 Okunma Henüz yorum yapılmamış 13/02/2009 12:31:53

Yorumunuzu Ekleyin
Javascriptle Form Kontrolü Yorumları +1 Yorum
  • Rıza Çetinyürek
    1
    Rıza Çetinyürek
    kardeşim allah senden razı olsun..
    12 Aralık 2014 14:15:49, Cuma

Sayı Tahmin Oyunu

Date() ve Random() kullanılarak yapılmış bir sayı tahmin oyunu

23,808 Okunma Henüz yorum yapılmamış 21/11/2008 09:55:53

Tablo İşlemleri Örneği

HTML derslerinde tablolarla ilgili sayfalarımızda bir çok parametre öğrenmiştik. Ayrıca CSS derslerinde sınır çizgileri, dışkenar ve içkenar boşlukları hakkındaki sayfalarımızda birçok özellik yer alıyordu. Bu parametreleri ve stil özelliklerini id ile isimlendirilmiş tüm tablolar üzerinde JavaScript kodlarıyla uygulayabiliyoruz

20,749 Okunma Henüz yorum yapılmamış 21/10/2007 03:44:23

DropDown Menü Uygulaması

Çok küçük kodlarla oluşturulmuş harika bir DHTML menü örneği

19,816 Okunma Henüz yorum yapılmamış 18/09/2007 00:56:35

Tab Menu Uygulamaları

Basit javascript kodlarıyla yapılabilen bir tab menü uygulaması

18,403 Okunma Henüz yorum yapılmamış 19/07/2007 20:10:26

Fonksiyonlar

16,456 Okunma Henüz yorum yapılmamış 17/07/2007 18:43:18

IF Kulanımı

if birçok uygulamanın merkezinde kullanılan bir komuttur.

14,194 Okunma Henüz yorum yapılmamış 08/01/2014 21:16:41 10/01/2014 16:26:56

Yükleniyor...