characterCounter

JavaScript

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

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

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

characterCounter

characterCounter

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

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

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

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

関連記事

  1. no-image

    JavaScript

    レスポンシブでマルチレベルに対応したナビゲーション「K-Responsive-Menu」

    K-Responsive-Menuは、レスポンシブでマルチレベルに対応…

  2. jR3DCarousel

    JavaScript

    レスポンシブな3Dカルーセルを実装できる「jR3DCarousel」

    jR3DCarouselはレスポンシブな3Dカルーセルを実装できるjQ…

  3. JavaScript

    2つの異なるスクロール動作が印象的なjQueryプラグイン「multiscroll.js」

    multiscroll.jsというおもしろいjQueryプラグインがあ…

  4. t-scroll

    JavaScript

    アニメーションとともにアイテムが一つずつ現れる「t-scroll」

    t-scrollはアニメーションとともにアイテムを一つずつ表示させるこ…

  5. Slinky

    JavaScript

    モバイルライクなナビゲーションメニューを実装できる「Slinky」

    Slinkyは軽量でレスポンシブに対応したモバイルライクなナビゲーショ…

最近の記事

  1. Anker PowerHouse 200

アーカイブ

PAGE TOP