Flexible Character Counter Plugin Demos

Default usage

With parameters

Textarea

Input filed

Div

This is content inside a div element

With data attributes

Textarea

Input filed

Div

This is content inside a div element

Counter text formats

With parameters

Text format

With data attributes

Text format

Counter's range

With parameters

Character range

With data attributes

Character range

Prevent writing more than maxlength

With parameters

Can't type more than 10 characters here

With data attributes

Can't type more than 10 characters here

Counter's CSS classes

With parameters

Custom counter CSS class name

Type two to ten characters

With data attributes

Custom counter CSS class name

Type two to ten characters

Counter position

With parameters

Counter above the field

Counter below the field

Counter in an element

With data attributes

Counter above the field

Counter below the field

Counter in an element

Multiple counters

With parameters

Textarea

With data attributes

Textarea

Mixing parameters and attributes

You can use parameters and attributes at the same time

Data-atributes override option-parameters.

Callbacks

With parameters

Callbacks are called if character number goes out of range or returns to range