Jquery Mask İle İnput Nesnelerine Özel Veri Girişi Sağlamak

Bu makalemizde jquery’nin eklentilerinden biri olan mask eklentisi ile makalenin devamında ki gibi özel tarih-telefon-yüzde-ürün anahtarı gibi özel veri girişini sağlayabileceksiniz.

Jquery Mask İle İnput Nesnelerine Özel Veri Girişi Sağlamak

Jquery Mask İle İnput Nesnelerine Özel Veri Girişi Sağlamak

Maskedinput eklentisini kullanabilmek için öncelikle jquery’i sayfanızın head etiketleri arasına ekleyiniz ardından sayfanın en altından erişeceğiniz maskedinput sayfasından eklentiyide head etiketleri arasına yapıştırınız.

Jquery ve Maskedinput scriptlerini ekledikten sonra alttaki html kodlarını sayfanıza ekleyiniz

Html Kodları

Üstteki input nesnelerine sağda belirtilen formatta giriş yapabilmek içinde alttaki kodları head etiketleri arasına yapıştırınız

Javascript Kodları

Sonuç

Maskedinput eklentisine buradan ulaşabilirsiniz.


✍ jQuery Mask konulu makalemiz için lütfen olumlu-olumsuz tüm görüşlerinizi bana yorum yada mail yolu ile iletmeyi ihmal etmeyin.

🔗 jQuery Mask konulu makalemizi sosyal medya kanallarından paylaşarak destek olursanız çok sevinirim.

👋 Bir sonraki makalede görüşmek dileğiyle.

2 Cevaplar

  1. Tuncay HANOĞLU dedi ki:

    Bu script Türkçe Ö/ö karakterine izin vermiyor. Sizde de aynı mı? Çözemedim bir türlü 🙁

    • Murat ÖNER dedi ki:

      Evet sorunu siz söyledikten sonra farkettim maskedinput’u sadece sayısal girişler için kullanmıştım ama şimdi plugin’i kontrol ettiğimde regex pattern’inden kaynaklandığını farkettim çözüm için projenize dahil ettiğiniz maskedinput plugininin .js uzantılı dosyasını açın(okunabilir olması için .min.js uzantılı olmamasına dikkat edin) ve altta işaretlediğim kısmı değiştirin sorun çözülecektir.

      definitions: {
          "9": "[0-9]",
          a: "[A-Za-z\s\ö\ç\ş\ı\ğ\ü\Ö\Ç\Ş\İ\Ğ\Ü]",
          "*": "[A-Za-z0-9]"
      }
      

Bir Cevap Yazın