Şub
22
2012

Jquery Maske Giriş Uygulamasi

jquery

jquery

 

Jquery Maske Giriş Uygulamasi Nedir?

Kullanıcılar tarihi girmesi gereken bir form tasarkarken büyük olasılık ile gün, ay ve yıl  için textbox veya dropdownlist gibi araçları kullanmak zorunda kalacaklardır.
Jquery maske giris uygulamasi bizi bu karmaşıklıktan kurtarır ve bizim istediğimiz formatın dışında bilgi girişini engeller.
Ayrıca Jquery maske giris uygulamasi sitemizde görüntü kirliliğinden kurtararak çok şık bir görünüm sağlar.

Jquery Maske Uygulamasini Nasıl Yapılır?

İlk  olarak uygulamanıza bir Script dosyasi açarak başlayalım.
Daha sonra   Jquery maske input ekletisini   jquery-1.6.1.min.js  eklentilerini indirip sonra script dosyasının içine kopyalıyoruz ve  <Head>   tagının arasına bu etiketleri    çekiyoruz.

<script src=”Script/jquery-1.6.1.min.js” type=”text/javascript”></script>
<script src=”Script/jquery.maskedinput-1.3.min.js” type=”text/javascript”></script>
  <Body></Body> tagları arasına

<script type=”text/javascript”>
         jQuery(function ($) {
             $(“#txtSayi”).mask(“999999999”);
              $(“#txtTarih”).mask(“99/99/9999”);
              $(“#txtTelefon”).mask(“(999) 999-9999”);
              $(“#txtİstenilen”).mask(“999_.999.[99]-99”);
         });
 </script>
fonksiyonu yazıyoruz.
txtSayi ise sayfamıza koyduğumuz textbox’in   id’si dir.

jquery mask

jquery mask

Üst taraftaki resim ise kullanıbileceğiniz formatlara örnek olmaktadır.

Teşekkürler.

 

 

Yazar Hakkında

Harun Balta 63 adet yazısı bulunuyor..

Bilgisayar Mühendisliği Üzerine çalıştığım konular: C# , .Net , Silverlight , WPF , Entity Framework ,MVVM, Oracle ,Pl/Sql

Print Friendly