Limit The Character Length In A Textarea - jQuery writeLimit.js

File Size: 3.94 KB
Views Total: 479
Last Update:
Publish Date:
Official Website: Go to website
License: MIT
Limit The Character Length In A Textarea - jQuery writeLimit.js

writeLimit.js is a small jQuery plugin used to limit the character length in a textarea element. With a custom feedback that displays the current/maximum character length.

Also supports copy/paste events and automatically deletes the excess characters after typing/pasting.

How to use it:

1. Create an element next to the textarea element that will be used to display the feedback messages:

<textarea id="input-field"></textarea>
<div id="feedback-field">0/140 Characters</div>

2. Include jQuery library and the writeLimit.js script at the bottom of the webpage.

<script src="" 
<script src="writeLimit.js"></script>

3. Call the function on the textarea element with the following parameters:

  • feedback: the selector of feedback element
  • limit: character limit
  • addon: characters to be appended to the feedback message
// writeLimit(feedback, limit, addon)
$("#input-field").writeLimit("#feedback-field", 140, "Characters");

This awesome jQuery plugin is developed by dsheedes. For more Advanced Usages, please check the demo page or visit the official website.