<?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; masked input</title>
	<atom:link href="http://www.phpdili.com/konu/masked-input/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 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>
