<\/div>\n

jQuery ile Post edilen bir form nesnesinin i\u00e7inde bulunan veri giri\u015f nesnelerinin de\u011ferlerine ula\u015fmak olduk\u00e7a basit bir mant\u0131k gerektirmektedir.Hi\u00e7 bir ek bilgiye ihtiya\u00e7 duymaks\u0131z\u0131n, jQuery \u2013 Bir Nesnenin \u0130\u00e7inde Bulunan Nesnenin Style Yap\u0131s\u0131na M\u00fcdahale Etmek<\/a> ba\u015fl\u0131kl\u0131 yaz\u0131m\u0131zda konu edindi\u011fimiz i\u00e7eri\u011fi ele alarak bu i\u015flemi ger\u00e7ekle\u015ftirebiliriz.
\n<\/p>\n

A\u015fa\u011f\u0131daki kod blo\u011funu inceleyiniz.<\/p>\n

\r\n<html>\r\n<head>\r\n<meta http-equiv="Content-Type" content="text\/html; charset=utf-8" \/>\r\n<script type="text\/javascript" src="js\/jquery-2.0.2.min.js"><\/script>\r\n<script type="text\/javascript">\r\nfunction Veriler()\r\n{\r\n\tvar Ad = $("#OrnekForm #Ad").val();\r\n\tvar SoyAd = $("#OrnekForm #Soyad").val();\r\n\talert("Ad : " + Ad + " Soyad : " + SoyAd);\r\n\t}\r\n<\/script>\r\n<\/head>\r\n<body>\r\n<form action="" method="post" id="OrnekForm" name="OrnekForm">\r\n  <label for="textfield">Ad : <\/label>\r\n  <input type="text" name="Ad" id="Ad">\r\n  <br>\r\n  <label for="textfield">Soyad : <\/label>\r\n  <input type="text" name="Soyad" id="Soyad">\r\n  <br>\r\n  <input onClick="Veriler();" type="submit" value="G\u00f6nder" id="Gonder" name="Gonder"\/>\r\n<\/form>\r\n<\/body>\r\n<\/html>\r\n<\/pre>\nYukar\u0131daki kod blo\u011funda g\u00f6rd\u00fc\u011f\u00fcn\u00fcz gibi “form” nesnesi i\u00e7erisinde bulunan html nesnelerine yaz\u0131lan de\u011ferlere ula\u015fmak i\u00e7in, nesne i\u00e7erisindeki nesnenin style yap\u0131s\u0131na m\u00fcdahale edebilmek i\u00e7in nas\u0131l ula\u015f\u0131yorsak gene ayn\u0131 mant\u0131kla de\u011ferini elde edebilmek i\u00e7inde ula\u015f\u0131yor ve i\u015flemlerimizi ger\u00e7ekle\u015ftiriyoruz.<\/p>\n
Bu tarz mant\u0131klarla temel ve basit Validation kontrolleri yapabilir ve h\u0131zl\u0131 bir \u015fekilde Client tabanl\u0131 \u00f6nlemler alabilirsiniz.<\/p>\n
\u0130yi \u00e7al\u0131\u015fmalar…<\/p>\n","protected":false},"excerpt":{"rendered":"
jQuery ile Post edilen bir form nesnesinin i\u00e7inde bulunan veri giri\u015f nesnelerinin de\u011ferlerine ula\u015fmak olduk\u00e7a basit bir mant\u0131k gerektirmektedir.Hi\u00e7 bir ek bilgiye ihtiya\u00e7 duymaks\u0131z\u0131n, jQuery \u2013 Bir Nesnenin \u0130\u00e7inde Bulunan Nesnenin Style Yap\u0131s\u0131na M\u00fcdahale...<\/p>\n","protected":false},"author":1,"featured_media":3014,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[18,19],"tags":[686,748],"class_list":["post-3037","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-javascript","category-jquery","tag-form","tag-jquery"],"amp_enabled":true,"_links":{"self":[{"href":"https:\/\/www.gencayyildiz.com\/blog\/wp-json\/wp\/v2\/posts\/3037","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.gencayyildiz.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.gencayyildiz.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.gencayyildiz.com\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.gencayyildiz.com\/blog\/wp-json\/wp\/v2\/comments?post=3037"}],"version-history":[{"count":0,"href":"https:\/\/www.gencayyildiz.com\/blog\/wp-json\/wp\/v2\/posts\/3037\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.gencayyildiz.com\/blog\/wp-json\/wp\/v2\/media\/3014"}],"wp:attachment":[{"href":"https:\/\/www.gencayyildiz.com\/blog\/wp-json\/wp\/v2\/media?parent=3037"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.gencayyildiz.com\/blog\/wp-json\/wp\/v2\/categories?post=3037"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.gencayyildiz.com\/blog\/wp-json\/wp\/v2\/tags?post=3037"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}