jQuery Masked Input Eklentisi
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 tıklayarak indirebileceğiniz eklentiyi sayfanıza dahil etmek ve kullanılacak fonksiyonları tanımlamak.
[ad code=2]
Örnek:
<script src="jquery.js" type="text/javascript"></script> <script src="jquery.maskedinput.js" type="text/javascript"></script>
jQuery(function($){
$("#tarih").mask("99/99/9999");
$("#telefon").mask("(999) 999-9999");
$("#saat").mask("99:99:99");
$("#diger").mask("a*-aa-*a");
});
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.
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.