01202017Cu
Last updateÇrş, 09 Kas 2016 12pm


JAVA SCRIPT DERSLERİ

Javascript Form Nesneleri ve form kullanımı

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:

http://www.pcworld.com.tr/cgi-bin/form.pl" METHOD= GET>

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

Yorum ekle


Güvenlik kodu
Yenile

FACEBOOK'TA TAKİP EDİN