textCounting 介绍
The jQuery textCounting plugin will count the number of characters or ‘words’
(blocks of characters separated by one or more spaces) in a
The default behavior of the plugin is to display the number of characters left
before reaching the limit (a character countdown). You can use the plugin for
this purpose “as is” (without specifying or changing any settings) if you
follow these conventions in your coding:
- The
- The display element (
,>,
,etc.) where you want the countdown displayed must have an “id” attribute whose value is the combination of the‘s “id” value and the word “Down”. Here’s an example of a
<textarea id="comments" maxLength="1000" rows="4" cols="60"></textarea> <p>Characters left: <span id="commentsDown"></span></p>
Because the element ids and the maxLength value is specific to each
<script language="javascript"> $(document).ready(function() $(":input[type=textarea]").textCounting(); }); </script>
If the default plugin behavior is not suitable, the plugin has a number of
settings that can be changed. Here are a few examples:- You can change the countWhat setting to count “words” instead of “characters.”
- The countDirection setting can be set to “up” to count the words/characters in the
- Instead of setting the word/character limit in an attribute of the
- You can set the plugin to apply a particular CSS class to the element that displays the current count when the limit has been exceeded with the lengthExceededClass setting.