characterCounter

JavaScript

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

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

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

characterCounter

characterCounter

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

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

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

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

関連記事

  1. jQueryでウィンドウサイズによって処理を変える

    JavaScript

    jQueryでマウスオーバーした時に要素を全体的に拡大するやつを作ってみる

    すごくどうでもいい内容なんですが、ちょっとやってみたかったので素人なが…

  2. JavaScript

    フレキシブルなjQueryプラグインのアコーディオンパネル「Flexible Slide-to-to…

    いい感じのアコーディオンがあったので試してみたところ、とてもよさげだっ…

  3. Greedy Navigation

    JavaScript

    レスポンシブ対応でメニューのアイテム数がわかりやすい「Greedy Navigation」

    Greedy Navigationはレスポンシブ対応でメニューのアイテ…

  4. Animated Weather Cards

    JavaScript

    シンプルでお洒落なアニメーションつき天気予報「Animated Weather Cards」

    お洒落なアニメーションがついた天気予報カード「Animated Wea…

  5. no-image

    JavaScript

    マスクエフェクトが素敵なスライダー実装「Masked Circle Slider」

    Masked Circle Sliderは、円形のマスクエフェクトが素…

  6. Zoom SlideShow

    JavaScript

    カルーセルのスライドショーとズーム機能を備えた「Zoom SlideShow」

    Zoom SlideShowは、カルーセルによるスライドショーとズーム…

最近の記事

  1. プラスシェル シティ04 フォールディングカメラケース
  2. enerpad AC-27KS
  3. KMS-160

アーカイブ

PAGE TOP