Javascript Uygulama / Javascriptle Form Kontrolü

Konular

Videolar

Sunular

2. Sınıf Öğrencileri İçin Sunular 1
5. Sınıf Öğrencileri Için Sunular 13
8. Sınıf Öğrencileri İçin Sunular 23
Belirli Gün Ve Haftalar 1
Bilgisayar Donanımları 5
Bilgisayar Programlama 2
Bilgisayar Yazılım 2
Bilişim Teknolojileri Ve Yazılım Temel Bilgisayar 64
Biyografiler 2
Biyoloji 2
Değerler Eğitimi 4
Eba Elektronik Bilişim Ağı 5
Eğitim-Öğretim Sunuları 3
Felsefe 2
İslam 3
Kelime İşlemci 1
Kişisel Gelişim 4
Kodlama, Robotic 4
Ortak Eğitim Proje Sunuları. 2
Problem Çözme Ve Algoritmalar 3
Proje Nedir? Nasıl Yapılır? 1
Rehberlik 16
Sağlık 3
Savaşlar 1
Scratch 1
Seminerler 3
Sınav Kaygısı 2
Sosyal Bilgiler 1
Sosyal Bilgiler 1
Tarih 1
Ulaşım Araçları 1
Verimli Ders Çalışma 1
Web Araçları 0
Windows İşletim Sistemi 1
Yarışmalar 0

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>

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

Yorumunuzu Ekleyin

jpg, gif, png türündeki resimleri seçmelisiniz

Javascriptle Form Kontrolü Yorumları +1 Yorum

1

Rıza Çetinyürek

kardeşim allah senden razı olsun..

12 Aralık 2014 14:15:49, Cuma

DropDown Menü Uygulaması

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

21,435 Okunma Yorumsuz

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

23,101 Okunma Yorumsuz