Limiter documentation

Limiter limits the amount of text that can be entered in a input type="text" or textarea element. The number of remaining characters is shown in a notification element.

Example

 

 

<form action="#" method="post">
<p><input class="limiter lengthLimit-10 targetEl-limiternotify1" name="limiter1" type="text" /></p>
<p id="limiternotify1"></p>
<p><textarea cols="20" rows="6" class="limiter lengthLimit-50 targetEl-limiternotify2" name="limiter2"></textarea></p>
<p id="limiternotify2"></p>
</form>

Settings

Valid elements

Any input type="text" or textarea elements

Classname

limiter

Attributes

None

CSS parameters (what’s this?)

lengthLimit (required)
Must be set as the maximum number of characters that can be entered
targetEl (required)
Must be set as the id of the element that will show the number of remaining characters