Çarşamba , 29 Mart 2017
Anasayfa » JavaScript » Jquery » Jquery Mask ile Input Nesnelerini Biçimlendirme

Jquery Mask ile Input Nesnelerini Biçimlendirme

Jquery Mask Eklentisi web sayfası geliştiricilerinin kullandığı olmazsa olmaz eklentilerden bir tanesidir. Bu yazıda da bu eklentinin bazı önemli kullanımlarını açıklayacağım.

Öncelikle Jquery Mask eklentisinin kabiliyetlerinden biraz bahsedelim.

Jquery Mask ile Neler Yapılır?

Jquery mask ile form nesnelerini telefon, tarih, posta kodu, iban numarası, kredi kartı numarası gibi biçimli göstermek için kullanılan bir eklentidir.

Örn: 10/06/1980 gibi ekranda tarih değerini göze hoş gelen bir biçimde gösterme şansımız var.

Kurulum:

Jquery ve Jquery mask eklentisini indirdip projemize dahil ediyoruz. Yada CDN üzerinden doğrudan kullanıyoruz.

Tarih formatında yazdırma

screenshot_7

 

Yer tutucu kullanarak giriş yapmayı kolaylaştırabiliriz.

screenshot_8

 

Telefon Formatında Yazdırma

screenshot_9

Para Birimi Formatı Yazdırma

screenshot_10

 

Harf ve Rakam Filitrelime (İlk iki karakter harf, sonraki 3 karakter rakam olması için)

Zorunlu harf girişi için A sembolü zorunlu sayı girişi için 0(sıfır) sembolü kullanılmaktadır.

 

Daha fazla biçim özelliği için eklentinin kaynağını inceleyebilirsiniz.

 

 

Hakkında Hayri

İlginizi Çekebilir

JQuery ile İsim Listeleme

  Bu çalışmamızda JQuery ile <ul> etiketinin içerisine tanımladığımız dizideki isimleri yazdıracağız. Çalışmaya başlamadan önce …

Bir Cevap Yazın

E-posta hesabınız yayımlanmayacak. Gerekli alanlar * ile işaretlenmişlerdir