Giriş Maskesi’nin Temelleri ile Başlarken

10 Mart 2022

Giriş maskesi çoğunlukla kullanılmıyor veya önemsenmiyor olsa da, örneğin özel bir tarih, sayı, veya telefon numarasını biçimlendirmek gibi, özellikle sabit formatta bir giriş belirleyip kabul etmeniz gereken durumlarda oldukça kullanışlıdır.

Youtube Embed Poster: V3lUljRjr9w

Başlamanız için, iki farklı senaryoya göz atıyor olacağız.

Giriş Maskesi Senaryo #1:

İlk senaryo için, basit bir Kısa Metin alanı kullanan şu örneğe bakalım; o halde siz de formunuza hala eklemediyseniz, bir tane ekleyin. Giriş Maskesi seçeneğini görmek için, aşağıdaki adımları takip edebilirsiniz:

  1. Kısa Metin alanına tıklayın.
  2. Alanın sağ tarafından, Özellikler’e tıklayın (dişli ikonu).
  3. Seçenekler sekmesine gidin.
  4. Sekmeyi aşağı kaydırın ve Giriş Maskesi özelliğini bulun, ve aktif ettiğinizden emin olun.
Giriş Maskesi’nin Temelleri ile Başlarken Image-1

Giriş maskesi ile yalnızca üç tane HTML karakteri kullanacaksınız, ve bu üç karakter Giriş Maskesi açma düğmesinin hemen altında anlatılmıştır.

@ =   Harfleri Maskeler
# =   Sayıları Maskeler
* =   Harfleri ve Sayıları Maskeler

Yukarıda verilenleri daha basit bir çerçevede anlatacak olursak, Giriş Maskesi ilgili alana girilenler üzerine daha çok kontrolünüzün olmasını ve böylelikle kullanıcıları maskelenmiş girişlerle limitlendirmenizi sağlar.

Bu kulağa hala biraz karışık geliyor olabilir, o zaman aşağıdaki örneklere bakarak bunu daha da detaylandıralım.

Örnek A: 

Bu örnekte, diyelim ki dosyaların harflerle arşivlendiği bir form hazırlıyorsunuz; örneğin “Dosya KLV”. Bu, “@@@@@ @@@” şeklinde gözükürdü.

Formunuzun arka yüzü:

Giriş Maskesi’nin Temelleri ile Başlarken Image-2

Formunuzun ön yüzü:

Giriş Maskesi’nin Temelleri ile Başlarken Image-3

Örnek B:

Şimdi, bir dizi boşluklu sayılar göstermek isteyebileceğiniz başka bir örneğe göz atalım, ki o da arka yüzde böyle görünürdü “# # # # #”.

Formunuzun arka yüzü:

Giriş Maskesi’nin Temelleri ile Başlarken Image-4

Formunuzun ön yüzü:

Giriş Maskesi’nin Temelleri ile Başlarken Image-5

Örnek C:

Standart tarih alanlarını kullanmak istemediğiniz bazı durumlarda, “##/##/###” gibi bir maske oluşturmak, Sayı Maskesi için iyi bir kullanım örneği olabilir.

Formunuzun arka yüzü:

Giriş Maskesi’nin Temelleri ile Başlarken Image-6

Formunuzun ön yüzü:

Giriş Maskesi’nin Temelleri ile Başlarken Image-7

Örnek D:

Yukarıdaki ikisi de tamam da, peki ya bundan fazlasına ihtiyacınız olsaydı, ama, örneğin bir mahalledeki sokak ve daire numarası istediğiniz durumlar gibi çok bilgi talep etmeyen bir şeye ihtiyacınız olsaydı?

Böyle bir durumda, hem @ hem de # kullanarak yukarıdakileri birleştirmeniz gerekirdi, ve bu, örneğin “##. @@@@@ @@: ##/#” şeklinde görünürdü.

Formunuzun arka yüzü:

Giriş Maskesi’nin Temelleri ile Başlarken Image-8

Formunuzun ön yüzü:

Giriş Maskesi’nin Temelleri ile Başlarken Image-9

Örnek E:

Ayrıca üçüncü bir seçenek olarak, hem harf hem de sayı girişine izin verirken, yanıtı limitlendirmek için * (yıldız) kullanabilirsiniz, ki bu da “*** *** ***** ********” gibi görünürdü.

Formunuzun arka yüzü:

Giriş Maskesi’nin Temelleri ile Başlarken Image-10

Formunuzun ön yüzü:

Giriş Maskesi’nin Temelleri ile Başlarken Image-11

Örnek F:

Peki ya sizin durumunuzda yukarıdakilerden hiçbiri yeterince iyi değilse? Ya bir Devlet Kurumunda, Hukuk Bürosunda veya Araba Parçaları Şirketinde çalışıyorsanız? İşinize yarayabilecek bir maske oluşturmak için, almanız gereken kodu bölümlere ayırarak, “#@-#**#-#@” benzeri bir düzen oluşturabilirsiniz.

Formunuzun arka yüzü:

Giriş Maskesi’nin Temelleri ile Başlarken Image-12

Formunuzun ön yüzü:

Giriş Maskesi’nin Temelleri ile Başlarken Image-13

Örnek G:

Yukarıdaki bazı örnekler sabit karakter sayısı ile giriş maskeleme kullanıldı, peki ya kullanıcıların doldurmasının zorunlu olmadığı karakter girişleri de eklemek isteseydiniz? Örneğin, bir veya iki karakterle biten bir üyelik numarasını ele alalım. Giriş Maskesini “@@-#####-@[@]” olarak ayarlayabilirsiniz. Görebileceğiniz gibi, isteğe bağlı karakter için Köşeli Parantez kullanıyoruz.

Formunuzun arka yüzü:

Giriş Maskesi’nin Temelleri ile Başlarken Image-14

Formunuzun ön yüzü:

Giriş Maskesi’nin Temelleri ile Başlarken Image-15

Şimdi, Telefon Alanı için kullanabileceğiniz senaryolara bakarak farklı yaklaşım elde edelim.

Giriş Maskesi Senaryo #2:

Maskeleme özelliği oldukça yararlı ama, peki ya bir telefon rehberi sağlayıcısı iseniz ve listelemek için +90-800 ile başlayan numaralar arıyorsanız, veya yabancı telefon numaraları olan kullanıcılarınızın olması gibi durumlar yaşıyorsanız?

Bu gibi durumlar, telefon numaralarının nasıl girilip kullanıldığının kontrolünü size verdiği için, telefon alanındaki giriş maskesi özelliğinin kullanışlı olduğu durumlardır.

Örnek A:

İlk örnek için, bu sefer bir telefon alanı ekleyerek başlayalım. Giriş Maskesi seçeneğine, bu rehberde daha önce anlattığımız ile aynı şekilde erişebiliyor olmalısınız.

Giriş Maskesi’nin Temelleri ile Başlarken Image-16

Bu defa yalnızca # kullanarak Sayı Maskeleme kullanabildiğinizi farkedeceksiniz, ve varsayılan telefon numarası girişinin iki girişten, “(###) ###-####” şeklinde önceden doldurulmuş bir giriş ile değiştiğini göreceksiniz.

Formunuzun arka yüzü:

Giriş Maskesi’nin Temelleri ile Başlarken Image-17

Formunuzun ön yüzü:

Giriş Maskesi’nin Temelleri ile Başlarken Image-18

Örnek B:

Şimdi bu özelliği 90-800 ile başlayan bir telefon numarası girişi kabul etmede kullanmak için, ne tür bir bilgiye ihtiyacınız olduğunu kullanıcılarınızın bilmesi adına, “90-(8##)-###-####” şeklinde bir maskeleme kullanabilirsiniz.

Formunuzun arka yüzü:

Giriş Maskesi’nin Temelleri ile Başlarken Image-19

Formunuzun ön yüzü:

Giriş Maskesi’nin Temelleri ile Başlarken Image-20

Örnek C:

Diğer bir örnek olarak, diyelim ki Avustralya’da bir sosyal yardım çağrı programı yürütmeyi planlıyorsunuz. O halde telefon numaralarını belirli bir format içerisinde toplamanız gerekir, o zaman bunun için, “+(##)#########” gibi bir format kullanmanız olasıdır; ancak bu maskelemeyi isteğinize göre başka ülkeler için de biçimlendirebilirsiniz.

Formunuzun arka yüzü:

Giriş Maskesi’nin Temelleri ile Başlarken Image-21

Formunuzun ön yüzü:

Giriş Maskesi’nin Temelleri ile Başlarken Image-22

Umuyoruz ki bu rehber, Giriş Maskesi kullanımı hakkında her şeyi netleştirmeye yardımcı olmuştur.

Bu seçeneği kurcalayarak yeni maskelemeler oluşturmaktan lütfen çekinmeyin. Öneri, endişe veya sorularınız varsa, aşağıdaki yorumlar bölümünden paylaşabilir veya Destek Forumu üzerinden bize iletebilirsiniz.

İletişim Desteği:

Müşteri destek ekibimiz 7/24 hizmet vermektedir ve ortalama yanıt süremiz bir veya iki saat arasında değişmektedir.
Ekibimizle aşağıda belirtilen linkler aracılığıyla iletişime geçebilirsiniz:

Destek Forumu: https://www.jotform.com/answers/

Jotform Desteği ile iletişime geçmek için: https://www.jotform.com/contact/

Yorum Gönder:

Jotform Avatar
Bu site reCAPTCHA ve Google Gizlilik Politikası tarafından korunmaktadır ve Hizmet Koşulları geçerlidir.

Podo Comment İlk yorum yapan sen ol.