characterCounter

JavaScript

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

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

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

characterCounter

characterCounter

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

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

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

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

関連記事

  1. no-image

    JavaScript

    シンプルなバナースライドショーを実装できる「jsslider」

    jssliderはシンプルなバナースライドショーを実装できるjQuer…

  2. jQuery toTop()

    JavaScript

    シンプル・軽量でカスタマイズもできる滑らかなスクロール「jQuery toTop()」

    jQuery toTop()はトップへ行くための滑らかなスクロールを実…

  3. nanoGALLERY
  4. Unicorn.js

    JavaScript

    ホバーするとテキストがレインボーに光るjQueryプラグイン「Unicorn.js」

    おもしろいプラグインがあったのでご紹介します。テキストにホバーするとレ…

  5. no-image

    JavaScript

    タブやアコーディオンを実装できるjQueryプラグイン「jpix」

    jpixはシンプルなタブやアコーディオンを実装することができるjQue…

  6. Hamburger Icon Menu

最近の記事

  1. Waterlogue
  2. macOS Mojaveのダークモード
  3. Olli
  4. 単語帳メーカー(Flashcard Maker App)

Facebookページ

PAGE TOP