jQuery Simple Text Counter

Install

using npm:

npm install jquery-simple-txt-counter

Usage

import 'jquery-simple-txt-counter/jquery-simple-txt-counter';

or

<script src="jquery-simple-txt-counter/jquery-simple-txt-counter.js"></script>

and

$('textarea').simpleTxtCounter({
    maxLength: 100,
    countText: 'Maximum:',
    countElem: '<div class="form-text"></div>',
    lineBreak: false,
});

Example

• With customized insert

<div class="btn-group">
    <textarea maxlength="200"></textarea>
    <button type="button">ADD</button>
</div>

$('textarea').simpleTxtCounter({
    after: '.btn-group'
});

Options

| Option | Default | Description | | --------- |:---------:| --------------------------------------------------------- | | after | undefined | selector to after inserting the counter element | | maxLength | undefined | Maximum size (maxlength attribute is used if it exists) | | countText | undefined | Pre text before counter | | countElem | <div/> | Counter element | | lineBreak | true | If false, it does not allow line breakage |