Neler yeni

Yeni mesajlar Yeni konular En çok mesaj En çok tepki En çok görüntülenen

Input Masking / Prototype

xcoder

xxx
🏅Acemi Tasarımcı🏅
Katılım
28 Nis 2009
Mesajlar
32
Tepkime puanı
4
Web sitesi
john.w3ic.org
My Input Mask Beta 1

My Input Mask , dinamik html input filtreleme kütüphanesidir. Input Text'lere uygulunabilmektedir. Input taglarına sadece mask girdisi ekleyerek kullanılabilmektedir.

My Input Mask , filtreleme yaparken yalnızca karakter yada yalnızca rakamdan oluşan verileri kabul etme gibi seçeneklerede sahiptir. Mask girdisine "char|###-##-##" şeklinde veri girerek kullanılabilir. "|" ayracından önce gelen veri input'a kabul edilecek veri tipini belirler. Bunlar "char" sadece karakterleri kabul eder , "number" sadece rakamları kabul eder , "all" tüm karakterleri kabul eder. "|" ayracından sonraki veri ise maskeyi belirlemektedir. Karakterlerin geleceği alanlar "#" karakteri ile belirlenir. "#" karakteri haricindeki veriler otomatik yerleştirilir.

Örnek Kullanım

head tag'ını kapamadan önce javascript kütüphanesini ekliyoruz.

Kod:
<script type="text/javascript" language="javascript" src="prototype.js"></script>
<script type="text/javascript" language="javascript" src="my-input-mask.js"></script>

body tag'ına onload girdisine kütüphanenin kaydını yapacak olan komutu giriyoruz.

Kod:
<body onload="My.Mask.install()">

kullanıcağımız input text'e mask girdisi ekliyoruz

Kod:
<input id="input_time" type="text"  mask="char|+##(###)###-####" />

My Input Mask Beta 1'i indirmek için blogumda bulunan My Input Mask Beta 1 | John Misoskian adresini ziyaret ediniz.
 

Benzer konular

Üst