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>

 

 

 


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

Fonksiyonlar
Olaylar (Events)
Fare Uygulamaları
Pencere Uygulamaları
Sayfadaki Nesnelere Erişim
Filitre Uygulamaları
Yükleniyor...