UNPKG

uxrocket.textlimit

Version:

Textlimit and remaining chars

github.com/uxrocket/uxrocket.textlimit

uxrocket/uxrocket.textlimit

43 lines (33 loc) • 2.19 kB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
UX Rocket Text Limit ================== ```HTML <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 | &nbsp; -------------------------- | ----- 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 | &nbsp; -------------------- | ----- 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.