Textfield Counter
This module adds character counters to text fields and text areas, showing users how many characters they have left. The counter updates in real-time as they type and can be configured to appear above or below the field, with options for JavaScript validation and custom messages.
Module summary
This module adds new widgets for the form display of each of the field types that ship with core, for both text fields and text areas. The widgets this module provides extend the default core widgets, adding a text counter that displays the remaining number of characters allowed in the field. This counter updates with JavaScript as the user types. The counter works on text fields, text areas, and CKEditor editors.
Widget settings allow users to choose the location of the counter (above or below), whether to use JavaScript validation to prevent form submission when the character count is exceeded, whether to count HTML characters, and a customizable message indicating how many characters are remaining.
Applicable Field types
The field types that this module works on are:
- Text (formatted)
- Text (formatted, long)
- Text (formatted, long, with summary)
- Text (plain)
- Text (plain, long)
Use Instructions
To use this module, install it as you would any module. Create a new field of the types listed above, then go to the 'Manage form display' tab. In the 'widget' column, select the widget that ends with 'and a counter'.