<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>PhpDili &#187; jquery</title>
	<atom:link href="http://www.phpdili.com/konu/jquery/feed" rel="self" type="application/rss+xml" />
	<link>http://www.phpdili.com</link>
	<description>Özgün PHP Dersleri</description>
	<lastBuildDate>Sat, 31 Jul 2010 11:10:36 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.0.1</generator>
		<item>
		<title>jQuery Form Kontrolü</title>
		<link>http://www.phpdili.com/ucretsiz-scriptler/jquery-form-kontrolu.html</link>
		<comments>http://www.phpdili.com/ucretsiz-scriptler/jquery-form-kontrolu.html#comments</comments>
		<pubDate>Fri, 30 Apr 2010 13:22:08 +0000</pubDate>
		<dc:creator>phpdili</dc:creator>
				<category><![CDATA[Ücretsiz Scriptler]]></category>
		<category><![CDATA[form kontrolü]]></category>
		<category><![CDATA[jquery]]></category>
		<category><![CDATA[jquery form]]></category>
		<category><![CDATA[val()]]></category>

		<guid isPermaLink="false">http://www.phpdili.com/?p=157</guid>
		<description><![CDATA[Oluşturduğumuz formlarda bazı alanların zorunlu doldurulmasını isteriz ve bunun için bir denetim gerçekleştirmemiz gerekmektedir. Bir çok yöntemle bu denetimi gerçekleştirebiliriz ama bana göre en uygun metod jquery ile yaptığımız boş/dolu kontrolüdür. Gerekli olan tek şey jquery.com adresinden jquery kütüphanesini temin edip, sayfamıza include etmek. Sonrasında formumuza vereceğimiz id değeri ve yazacağımız javascript kodu ile kullanıcı [...]]]></description>
			<content:encoded><![CDATA[<p>Oluşturduğumuz formlarda bazı alanların zorunlu doldurulmasını isteriz ve bunun için bir denetim gerçekleştirmemiz gerekmektedir.<br />
Bir çok yöntemle bu denetimi gerçekleştirebiliriz ama bana göre en uygun metod jquery ile yaptığımız boş/dolu kontrolüdür. Gerekli olan tek şey <a href="http://jquery.com" target="_blank">jquery.com</a> adresinden jquery kütüphanesini temin edip, sayfamıza include etmek.<br />
Sonrasında formumuza vereceğimiz id değeri ve yazacağımız javascript kodu ile kullanıcı form submit butonuna bastığında verilerin gönderileceği sayfaya geçiş olmadan boş/dolu kontrolü gerçekleşmiş olacaktır.</p>
<p>Örnek kod oluşturalım.<br />
<span id="more-157"></span></p>
<pre class="brush: xml;">
&lt;script type=&quot;text/javascript&quot; src=&quot;js/jquery.js&quot;&gt;&lt;/script&gt;
&lt;script type=&quot;text/javascript&quot;&gt;
$(document).ready( function() {
	$(&quot;#kayitform&quot;).submit(function() {
		if ($(&quot;#alan&quot;).val()=='') {
			alert(&quot;Lütfen, alan 1 doldurunuz.&quot;);
			return false;
		}
		if ($(&quot;input[@name='sec']:checked&quot;).val()==null) {
			alert(&quot;Lütfen, seçenek 1 veya seçenek 2 işaretleyiniz.&quot;);
			return false;
		}
		if ($(&quot;#combo&quot;).val()=='') {
			alert(&quot;Lütfen, bir değer seçiniz.&quot;);
			return false;
		}
	});
});
&lt;/script&gt;
&lt;form action=&quot;sayfa2.php&quot; method=&quot;post&quot; id=&quot;kayitform&quot;&gt;
  &lt;label&gt;Alan 1
    &lt;input type=&quot;text&quot; name=&quot;alan&quot; id=&quot;alan&quot; /&gt;
  &lt;/label&gt;
  &lt;br /&gt;&lt;br /&gt;
  &lt;label&gt;
	&lt;input type=&quot;radio&quot; name=&quot;sec&quot; id=&quot;sec&quot; value=&quot;1&quot; /&gt;Seçenek 1
  &lt;/label&gt;
  &lt;label&gt;
     &lt;input type=&quot;radio&quot; name=&quot;sec&quot; id=&quot;sec&quot; value=&quot;2&quot; /&gt;Seçenek 2
  &lt;/label&gt;
  &lt;br /&gt;&lt;br /&gt;
  &lt;label&gt;Seçiniz
    &lt;select name=&quot;combo&quot; id=&quot;combo&quot;&gt;
    &lt;option value=&quot;&quot;&gt;Seçiniz&lt;/option&gt;
    &lt;option value=&quot;1&quot;&gt;Değer 1&lt;/option&gt;
    &lt;option value=&quot;2&quot;&gt;Değer 2&lt;/option&gt;
    &lt;/select&gt;
  &lt;/label&gt;
  &lt;br /&gt;&lt;br /&gt;
  &lt;label&gt;
    &lt;input type=&quot;submit&quot; name=&quot;button&quot; id=&quot;button&quot; value=&quot;G&amp;ouml;nder&quot; /&gt;
  &lt;/label&gt;
&lt;/form&gt;
</pre>
<p>Yazdığımız örnek kodumuzda; normal bir texfield alanı, radio button ve list combo box dolu/boş kontrolü yapılmaktadır.</p>
<p>jQuery ile form alanları dolu mu boş mu kontrolü için çalışır demo sayfasına ve kaynak kodlara aşağıdaki linklerden ulaşabilirsiniz.<br />
[ad code=2]<br />
Demo : <a title="jQuery ile Form Kontrolü" href="http://www.phpdili.com/demo/jquery-form-kontrolu/" target="_blank">jQuery ile Form Kontrolü</a><br />
Download : <a title="jQuery ile form kontrolü download" href="http://www.phpdili.com/demo/jquery-form-kontrolu/kaynak.rar" target="_blank">jQuery ile form kontrolü download</a><br />
Şifre : phpdili.com</p>
]]></content:encoded>
			<wfw:commentRss>http://www.phpdili.com/ucretsiz-scriptler/jquery-form-kontrolu.html/feed</wfw:commentRss>
		<slash:comments>3</slash:comments>
		</item>
		<item>
		<title>jQuery Masked Input Eklentisi</title>
		<link>http://www.phpdili.com/ucretsiz-scriptler/jquery-masked-input-eklentisi.html</link>
		<comments>http://www.phpdili.com/ucretsiz-scriptler/jquery-masked-input-eklentisi.html#comments</comments>
		<pubDate>Fri, 26 Feb 2010 18:49:05 +0000</pubDate>
		<dc:creator>phpdili</dc:creator>
				<category><![CDATA[Ücretsiz Scriptler]]></category>
		<category><![CDATA[jquery]]></category>
		<category><![CDATA[jquery masked]]></category>
		<category><![CDATA[masked input]]></category>

		<guid isPermaLink="false">http://www.phpdili.com/?p=98</guid>
		<description><![CDATA[Bazı zamanlarda, oluşturmuş olduğumuz formlardan kesin bilgiler almak isteriz. Tarihler, saatler, telefon numaraları gibi bilgileri net olarak elde etmek amacıyla jQuery kütüphanesi ile çalışan bir eklenti çok kullanışlı. Bilginin girileceği alanı istediğiniz ölçüde şekillendirebiliyorsunuz. Internet Explorer 6 7, Firefox 1.5/2/3, Safari, Opera, ve Chrome tarayıcılarında başarıyla çalışmaktadır. Yapmanız gerek tek şey; jquery kütüphanesiyle birlikte, buraya [...]]]></description>
			<content:encoded><![CDATA[<p><a href="http://www.phpdili.com/wp-content/uploads/maskedinputwithjquery.jpg"><img class="size-medium wp-image-99 alignright" title="maskedinputwithjquery" src="http://www.phpdili.com/wp-content/uploads/maskedinputwithjquery-300x134.jpg" alt="" width="250" height="84" /></a>Bazı zamanlarda, oluşturmuş olduğumuz formlardan kesin bilgiler almak isteriz. Tarihler, saatler, telefon numaraları gibi bilgileri net olarak elde etmek amacıyla <a href="http://jquery.com" target="_blank">jQuery</a> kütüphanesi ile çalışan bir eklenti çok kullanışlı. Bilginin girileceği alanı istediğiniz ölçüde şekillendirebiliyorsunuz. Internet Explorer 6 7, Firefox 1.5/2/3, Safari, Opera, ve Chrome tarayıcılarında başarıyla çalışmaktadır.</p>
<p>Yapmanız gerek tek şey; <a href="http://jquery.com" target="_blank">jquery kütüphanesi</a>yle birlikte, <a href="http://jquery-joshbush.googlecode.com/files/jquery.maskedinput-1.2.2.js" target="_blank">buraya</a> tıklayarak indirebileceğiniz eklentiyi sayfanıza dahil etmek ve kullanılacak fonksiyonları tanımlamak.<span id="more-98"></span><br />
[ad code=2]<br />
Örnek:</p>
<pre class="brush: xml;">
&lt;script src=&quot;jquery.js&quot; type=&quot;text/javascript&quot;&gt;&lt;/script&gt; &lt;script src=&quot;jquery.maskedinput.js&quot; type=&quot;text/javascript&quot;&gt;&lt;/script&gt;

jQuery(function($){
$(&quot;#tarih&quot;).mask(&quot;99/99/9999&quot;);
$(&quot;#telefon&quot;).mask(&quot;(999) 999-9999&quot;);
$(&quot;#saat&quot;).mask(&quot;99:99:99&quot;);
$(&quot;#diger&quot;).mask(&quot;a*-aa-*a&quot;);
});
</pre>
<p>Yukarıdaki gibi kullanacağınız fonksiyonları tanımladıktan sonra, kullanmak istediğiniz inputların id değerlerini yukarıdaki gibi isimlendirdiğiniz işlem tamamlanmış olacaktır.</p>
<p>Fonksiyon içinde kullanılan 9 rakamı; 0-9 arasında sadece rakam girilebileceğini, a harfi sadece harf ([A-Z,a-z]), * işareti ise her karakterin girilebileceğini tesmil etmektedir.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.phpdili.com/ucretsiz-scriptler/jquery-masked-input-eklentisi.html/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>
