jQuery Novelist – textarea and input character limit plugin

jQuery Novelist is a great textarea and input character limit plugin, with nice visual effects.

jQuery Novelist – textarea and input character limit plugin

Novelist is user-friendly, jQuery character limit plugin to use in our web forms, always when we need to count and/or limit characters!

The plugin limits the amount of text that allowed in textarea and input fields. And moreover, it’s indicated with nice visual effects.

The jQuery Novelist plugin will really help to keep users from entering too much content into inputs.

Examples of Novelist - a textarea and input character limit plugin
Examples of Novelist – a textarea and input character limit plugin

Configuration

We can adjust the following parameters:

maxCharacters (100) – character limit

hardLimit (true) – if set to true, all characters that go over the limit will be truncated

backgroundImage – can be used to customize the background image

backgroundScale (false) – this feature relies on CSS3 background-size property

direction (‘vertical’) – it can be ‘vertical’ or ‘horizontal’

Callbacks

The plugin has onLimitReached callback, which is fired when a user reaches the character limit:

$('textarea').novelist({
  onLimitReached:function(value) {
    alert(value);
  }
});

And the onInput callback is fired on every keystroke:

$('textarea').novelist({
  onInput: function (value, characters, percent, limit) {
    // ...
  }
});

Must try the demo to see it in action 🙂

License: Dual licensed under the MIT and GPL licenses.

Demo:

http://antenna.io/demo/jquery-novelist/examples

GitHub:

https://github.com/antennaio/jquery-novelist

You may also like:

jQuery plugin for custom checkboxes and radio buttons – wCheck

A good jQuery text counter plugin

Ideal Forms 3: build and validate responsive HTML5 forms!

Progression.js – jQuery form progress indicator

jQuery fancy input box with amazing CSS3 effects

jQuery – count characters in textarea and text inputs

Enjoy!

Share:Share on Facebook1Share on Google+1Tweet about this on TwitterShare on LinkedIn1Pin on Pinterest1