characterCounter

JavaScript

文字数のカウントや制限ができるjQueryプラグイン「characterCounter」

characterCounterは文字数をカウントしてくれるシンプルなjQueryプラグインです。カウントだけでなく、文字数を指定して制限することも可能です。

メッセージなどを入力させる際に、文字数を特定の範囲内に収めたい場合に役立ちますね。オプションもいくつか用意されているので、ちょっとしたカスタマイズもできます。

characterCounter

characterCounter

デモでは15字まで入力できるようになっています。無駄な装飾もなくシンプルなデザインでとても見やすいですね。

ちなみに入力可能な文字数はmaxLenという項目で設定することができます。指定した文字数以上を入力しようとするとダイアログボックスが表示されますが、このダイアログボックスに表示させるメッセージもcustomMsgから設定できます。

ほかにもwarningLen、showMsg、separator、warningColorなど、いろいろカスタマイズできる項目が用意されているので、気になる方は是非チェックしてみてください。

というわけで、文字数のカウントや制限を可能にしてくれるjQueryプラグイン「characterCounter」のご紹介でした。

関連記事

  1. Image Figure Caption effects
  2. ViewBox

    JavaScript

    レスポンシブに対応したLightbox風のイメージギャラリー「ViewBox」

    ViewBoxはレスポンシブに対応したLightbox風のイメージギャ…

  3. FocusPoint

    JavaScript

    画像の指定した部分を中心にレスポンシブ化できるjQueryプラグイン「FocusPoint」

    FocusPointというjQueryプラグインを使えば、画像の指定し…

  4. jquery.mark

    JavaScript

    キーワードをハイライトしてくれる「jquery.mark」

    jquery.markはキーワードをハイライトしてくれるjQueryプ…

  5. jQuery Section Navi Plugin
  6. JavaScript

    ページ内のリンクをスムーズに移動できるsmoothScroll.jsを使ってみた

    ページ内のリンクをスムーズに移動してくれる「smoothScroll.…

最近の記事

  1. フェルメール展
  2. 上島珈琲店 No.11
  3. 銀座トリコロール

アーカイブ

PAGE TOP