文字数のカウント

文字数のカウントを行うライブラリです。

サンプル

text
textarea

ライブラリのダウンロードと設置

「ライブラリのダウンロード」をクリックしてダウンロードしてください。
ライブラリのダウンロード

ダウンロードしたjquery.text-counter.jsを任意の場所へ置き読み込みます。
(jQueryの設置および読み込みは、完了もしくは同時作業を行っているものとします。)

設定したい要素などを指定し、実行します。

オプション

以下のオプションが設定できます。

オプション 初期値 説明
countMode 'up' 文字数を数えて表示するか残数を表示するか
設定できる値:
    'up' = カウントアップ
    'down' = カウントダウン
maxChars 0 最大文字数
設定できる値:
    1以上の数値 = 最大文字数
    0 = 無制限
overCount true 最大文字数を超えても数えるかどうか
設定できる値:
    true = 数える
    false = 数えない
errorClass 'over-charcters' 最大文字数を超えた場合のクラス名
countClass 'charcters-count' 文字数の出力する要素のクラス名
countErrorClass 'over-charcters' 最大文字数を超えた場合で文字数の出力する要素のクラス名
callback false コールバック関数
outputElement 'this' 文字数の出力先要素
output 'after' 文字数の出力先
設定できる値:
    'after' = 指定セレクターの次へ出力
    'before' = 指定セレクターの前へ出力
    'append' = 指定セレクターの子要素として最後に出力
    'prepend' = 指定セレクターの子要素として最初に出力
outputMaxChars false 最大文字数の出力
設定できる値:
    true = 出力する
    false = 出力しない
prefix '' 接頭語
suffix '' 接尾語
event 'keyup change blur' チェック・更新するきっかけ(イベント)
timer false Intervalによる監視を行うかどうか
設定できる値:
    true = Intervalによる監視をする
    false = Intervalによる監視をしない