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. |