UX Rocket Text Limit
<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. |