Geniş Ekran Modu Otomatik Ekran Boyutu Font Boyutunu Azalt Font Boyutunu Azalt Font Boyutunu Normal Yap Yazdır

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>

 

 

 


Bu içerikle ilgili henüz herhangi bir yorum yapılmamıştır. Bu içerikle ilgili Yorumunuzu eklemek için burayı tıklayınız.

Javascript Uygulama

X Ekseni girilen bir nesnenin ekranda kayması
Bir textbox yardımı ile ekrandaki bir çiçeğin girilen koordinatlara göre hareketini sağlayan uygulam...
Sayı Tahmin Oyunu
Date() ve Random() kullanılarak yapılmış bir sayı tahmin oyunu
Tablo İşlemleri Örneği
HTML derslerinde tablolarla ilgili sayfalarımızda bir çok parametre öğrenmiştik. Ayrıca CSS dersl...
DropDown Menü Uygulaması
Çok küçük kodlarla oluşturulmuş harika bir DHTML menü örneği
Tab Menu Uygulamaları
Basit javascript kodlarıyla yapılabilen bir tab menü uygulaması

    Ödev Gönder | İncelenmeyi Bekleyen Ödevler | Uygulama Resimleri | Uygulama Resmi Gönder | İnternet Üzerinden Sınav | Test Sorusu Gönder | Sınıf Karneleri | Anketler | Linkler
    www.dijitalders.com

    bilgidijitalders.com
    Bu sayfalar en iyi 1024 x 768 ekran çözünürlüğünde görüntülenir.
    Site içerikleri, site kullanıcıları tarafından yollanan içeriklerdir. Her hangi bir içeriğin lisanslı yahut şahsınıza ait olduğunu tarafımıza iletirseniz gerekli düzenlemeyi yapacağız. Kullanılan içerikler, siteyi kullanan öğrenciler ve araştırmacılar için kolaylık sağlamak amacıyla oluşturulmuştur.
    Sayfada HATA! Olduğunu Düşünüyorsanız | Sık Kullanılanlara Ekle | www.dijitalders.com'u Ana Sayfam Yap | Web Tasarımcıya e-Posta
    Bu site 896,186 kişi tarafından ziyaret edilmiştir.