jQuery Character Counter

Github

Usage

Include the javascript inside the section after the jQuery script and bootstrap.
NB: Counter still works without bootstrap.

<script src="character-counter.js"> </script>

Add the class "count-chars" to the input field, then set the "chars-max" and "msg-color" data attribute

"chars-max" sets the max lenght
"msg-color" sets the message color. Uses bootstrap colors.

<input type="text" class="form-control count-chars" id="NameText" name="NameText" maxlength="10" data-chars-max="10" data-msg-color="warning">