jQuery – Form Nesnelerinin Verisine Ulaşmak
jQuery ile Post edilen bir form nesnesinin içinde bulunan veri giriş nesnelerinin değerlerine ulaşmak oldukça basit bir mantık gerektirmektedir.Hiç bir ek bilgiye ihtiyaç duymaksızın, jQuery – Bir Nesnenin İçinde Bulunan Nesnenin Style Yapısına Müdahale Etmek başlıklı yazımızda konu edindiğimiz içeriği ele alarak bu işlemi gerçekleştirebiliriz.
Aşağıdaki kod bloğunu inceleyiniz.
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<script type="text/javascript" src="js/jquery-2.0.2.min.js"></script>
<script type="text/javascript">
function Veriler()
{
var Ad = $("#OrnekForm #Ad").val();
var SoyAd = $("#OrnekForm #Soyad").val();
alert("Ad : " + Ad + " Soyad : " + SoyAd);
}
</script>
</head>
<body>
<form action="" method="post" id="OrnekForm" name="OrnekForm">
<label for="textfield">Ad : </label>
<input type="text" name="Ad" id="Ad">
<br>
<label for="textfield">Soyad : </label>
<input type="text" name="Soyad" id="Soyad">
<br>
<input onClick="Veriler();" type="submit" value="Gönder" id="Gonder" name="Gonder"/>
</form>
</body>
</html>
Yukarıdaki kod bloğunda gördüğünüz gibi “form” nesnesi içerisinde bulunan html nesnelerine yazılan değerlere ulaşmak için, nesne içerisindeki nesnenin style yapısına müdahale edebilmek için nasıl ulaşıyorsak gene aynı mantıkla değerini elde edebilmek içinde ulaşıyor ve işlemlerimizi gerçekleştiriyoruz.
Bu tarz mantıklarla temel ve basit Validation kontrolleri yapabilir ve hızlı bir şekilde Client tabanlı önlemler alabilirsiniz.
İyi çalışmalar…
Teşekkürler