https://github.com/kalpeshsingh/charactercounter
This feather weight jQuery plugin is exceptionally simple to use and gives you power to customize few things
https://github.com/kalpeshsingh/charactercounter
Last synced: 3 months ago
JSON representation
This feather weight jQuery plugin is exceptionally simple to use and gives you power to customize few things
- Host: GitHub
- URL: https://github.com/kalpeshsingh/charactercounter
- Owner: kalpeshsingh
- License: mit
- Created: 2015-12-12T06:10:14.000Z (over 9 years ago)
- Default Branch: master
- Last Pushed: 2016-02-20T05:02:23.000Z (over 9 years ago)
- Last Synced: 2023-03-02T21:12:31.558Z (over 2 years ago)
- Language: JavaScript
- Size: 4.3 MB
- Stars: 2
- Watchers: 1
- Forks: 1
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
#characterCounter
####How to use it:
This feather weight jQuery plugin is exceptionally simple to use and gives you power to customize few things.
1. Apply plugin to any input
2. Apply characterCounter function to that input ID
3. Give "counter" ID to any DIV/SPAN tag to display counter
####Example:
```
$('ID/Class of Input box').characterCounter({
maxLen: 15,
warningLen: 5,
showMsg: true,
customMsg: "You have exceeded the permissible limit of characters..",
separator: "/",
warningColor: "#d50000",
});
```
####Customization:
Here is detail of each parameter you pass to object
1. Maximum length of message [Mandatory]
**maxLen: 320**
2. Color coded will be applied to value below this [Mandatory]
**warningLen: 60**
3. Show alert to user or not, value TRUE or FALSE [Mandatory]
**showMsg: true**
4. If showMsg is TRUE then you can set customize message otherwise default message will be used [Optional]
**customMsg: "You have exceeded the permissible limit of characters.."**
5. Define your own seprator here [Optional]
**separator: "/"**
6. Color coding for value below waringLen [Mandatory]
**warningColor: "#d50000"**
####Your document structure:
```
Your Website
Contact form
Count this idiot box!
$('#countThisBox').characterCounter({
maxLen: 15,
warningLen: 5,
showMsg: true,
customMsg: "You have exceeded the permissible limit of characters..",
separator: "/",
warningColor: "#d50000",
});
```
######For more information, check out Git page of this plugin - [Visit Page!] (http://kalpeshsingh.github.io/characterCounter/)
NEW - Now you can read comprehensive tutorial of developing characterCounter on [OnExtraPixel] (http://www.onextrapixel.com/2016/01/29/charactercounter-building-a-feather-weight-jquery-character-counting-plugin/)