<input type="text" class="textlimit" maxlength="50" />
<input type="text" class="textlimit" maxlength="15" data-visible="false" placeholder="Kalan karakter sayısı dilenirse gizlenebilir" />
<textarea class="textlimit" rows="5" maxlength="250"></textarea>
Notlar
Karakter sayısı kolay bir şekilde maxlength attribute değeri ile tanımlanmaktadır.
Kalan karakter sayısı görünür durumdayken, içerik alanlarının genişliği, kalan sayının gösterilmesi için normal
tanımlandıkları genişlikten 10% daha kısadırlar. Kalan sayısı gizlendiği durumlarda ise normal
genişliktedirler.
Tanımlar
Property
Default
Açıklama
maxLength
0
Karakter sayı limiti. 0 iken, limit yoktur.
remaining
.remaining
Kalan karakter sayısının gösterildiği alan için css classı.
visible
true
Kalan alanının görünür olup olmayacağını belirler
Data Attribute
maxlength
data- ön eki olmadan maxlength="123" şeklinde alan için olan karakter sayı limitini belirler.
remaining
Kalan karakter sayısının gösterildiği alan için css classı.
visible
Kalan alanının görünür olup olmayacağını belirler
Callback
onReady
TextLimit, form elemanına bağlandığında çalışacak fonksiyonu çağırır.
onLimit
Alana girilebilecek maksimum karakter sayısına ulaştığında çalışacak fonksiyonu çağırır.
Public Metodlar
Method
Açıklama
$(selector).textlimit(options)
Bu method plugini manuel olarak bir elemana bağlamanızı sağlar.
$.uxtextlimit
Bu method pluginin detayını görmenizi sağlar.
$.uxtextlimit.version
Sayfaya eklenmiş pluginin versiyon numarasını gösterir.