Javascript?in icad edilme nedenlerinin başında, ziyaretçi ile etkileşme gelir; ziyaretçi ise Web tasarımcısı olarak size bilgileri ancak ve sadece Form ile ulaştırabilir. Bu sebeple Javascript açısından HTML?in en önemli nesneleri, Form nesneleridir.
HTML, kendi formunu kendisi oluşturur; bu bakımdan Javascript?e bir görev düşmez. Javascript formdaki bilgilerin işlenmesi sırasında devreye girer. Önce Form nesnesinin özelliklerini hatırlayalım:
<FORM NAME=formun_adı ACTION=CGI_programı ENCTYPE=kodlama_türü METHOD= GET veya POST TARGET= pencere_adı onSubmit="metodun_adı"> </FORM>
Bu durumda, tam teşekküllü bir form etiketi şöyle olabilir:
Bu, gerçek bir bilgi derleme formu örneği. Fakat Form nesnesi, Server?a bilgi göndermek amacı dışında da kullanılabilir; bir form nesnesi olan IPNUT?un bir türü olan düğmeleri (button) farklı amaçlı Javascript fonksiyonlarına bağlanabilir.
Form, gerçek amacıyla kullanıldığı durumlarda, Javascript, formdaki bilgilerin Server?a gönderilmeden önce sınanmasını sağlayabilir. Bunun bir örneğini, ziyaretçinin telefon numarasını doğru biçimde yazıp yazmadığını sınadığımız kodda görmüştük. Burada kısaca, Javascript açısından form nesnesinin unsurlarını nasıl tanıyabileceğimizi ele alalım. Benzeri sınama kodları yazarken, bu unsurlara referans yapacağınız zaman, bu unsurların adlarını ve değerlerini bulma yöntemini bilmeniz gerekir.
Form etiketi içindeki bütün unsurlar element adlı dizi-değişkenin içine yazılırlar ve içerikleri form.element[i].value (i, unsurun sıra numarası olmak üzere) metoduyla bilinirler. Diyelim ki “bilgiForm” adlı formunuzun birinci unsuru “<INTPUT TPYE=”text” NAME=”musteriAdi”…> şeklinde bir etiket. Bu etiketin oluşturacağı kutuya ziyaretçinin yazacağı isim, Javascript açısından bilgiForm.elements[0].value veya bilgiForm.musteriAdi.value şeklinde bilinir.
Hakkı Öcal Javascript dersleri