Java Script'te Form Nesneleri - IRCForumları - IRC ve mIRC Kullanıcılarının Buluşma Noktası

22 Nisan 2010, 02:58

Nesneler JScript'te özel fonksiyonları bulunabilen birbirinden bağımsız elemanlardır. Text alanları, radio butonlar,check boxlar, butonlar ve drop-down menüler JScript nesneleridir.

Burada unutulmaması gereken durum nesnelerin bir form içinde olmaları yani <FORM> ve </FORM> HTML kodları arasında tanımlanmaları gerektiğidir. Tanımladığınız nesne içinde bulunduğu formun bir elemanıdır ve daha sonraulaşılması gerektiğinde form adıyla birlikte anılır.
<
HTML-Kodu:
Kod:
form name="form1"><input type="button" name="but1" value="Buraya Basınız"></form>
şeklinde tanıtılmış bir butona daha sonra erişmek istediğimizde form1.but1 yazmamız gerekecektir. Forma isim verilmediği durumlarda aynı butona form.but1 diye erişecektik ki aynı sayfada birden fazla form bulunması durumunda karışıklık çıkacaktı.

toXic · 22 Nisan 2010, 13:54

Sadece buton olarak örneklenmiş ama form nesneleri sadece bunlardan ibaret değildir javada.
Form nesnesi web sayfasında kullandığınız form'ların özelliklerine erişmek için kullanılır. Form'da bulunana elementlerin nesnelerinide barındırır. Tüm nesneler element dizisinde tutulut. Örneğin document'teki ilk formun ikinci elementine erişmek için;

PHP Kod: Kodu kopyalamak için üzerine çift tıklayın!


document.forms[0].elements[1]

yazmanız gerekir. Aşağıdaki örnekte bir formun ilk elementinin adını ekranda gösteren bir örnek görülmektedir.

PHP Kod: Kodu kopyalamak için üzerine çift tıklayın!


<html>
   <head> 
       <script language="javascript">
        function viewValue(){
         alert(document.forms[0].elements[0].value);
        }
       </script>
   </head>
   <body onLoad="viewValue()">
      <form name="test">
       <input type="text" name="testField" value="test"></input>
      </form>
  </body>
  </html>

Form ilk elemtinin değeri başlangışta test'tir. Sayfa yüklenir yüklenmez viewValue( fonksiyonu çağrılır. Bu fonksiyonda document'teki ilk form'un ilk elementinin value'sü ekranda gösterir.
Form'un bilgileri gönderilmeden form elemtlerini kontrol edebilirsiniz. Bunun içim form tag'in onSubmit özelliğini yakalarsınız. Eğer kurala uygunsa gönderir kurala uygun değilse göndermezsiniz.

PHP Kod: Kodu kopyalamak için üzerine çift tıklayın!


<html>
   <head> 
       <script language="javascript">
       function check(){
        if(document.forms[0].elements[0].value==""){
          alert("Text Alanı Boş");
          return false;
         }else{
          alert("Form Bilgisi Gönderiliyor");
         return true;
        }
       }
      </script>
  </head>
  <body>
      <form action="test.jsp" name="test" onSubmit="return check()">
       <input type="text" name="testField"></input>
       <input type="submit" value="submit"></input>
      </form>
  </body>
  </html>

Form submit edildiğinde check fonksiyonu çağırılır. Eğer text alanı boşsa geriye false döndürülür. Böylece form bilgisi gönderilmez.

Her bilgi bir artidir.
Bu forumdaki linkleri ve resimleri görebilmek için en az 25 mesajınız olması gerekir.

Benzer Konular
Konu	Konuyu Başlatan	Forum	Cevaplar	Son Mesaj
Sorun söyleyeyim (Java,JSP,ASP.NET(C#),PL/SQL,jQuery,Java Script,Ajax)	J2EE123	Java	2	03 Kasım 2011 12:57
Java Script Arşivi	DoStNaMe	HTML/CSS/JavaScript	12	13 Eylül 2007 07:57
Örnek Java script kodları	KHaZa^DuM	HTML/CSS/JavaScript	0	20 Ağustos 2006 19:08
java script dersleri ..	ReMEMBeR	HTML/CSS/JavaScript	3	01 Şubat 2006 12:35

Konuyu Toplam 1 Üye okuyor. (0 Kayıtlı üye ve 1 Misafir)

5846 sayılı Fikir ve Sanat Eserleri Kanunu gereğince sitemizde telif hakkı bulunan mp3,video v.b. eserlerin paylaşımı yasaktır. Yasal işlem olması halinde paylaşan kişi yada kişilerin bilgileri gerekli kuruma verilecektir.