characterCounter

JavaScript

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

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

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

characterCounter

characterCounter

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

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

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

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

バッファローのHD-PSFU3シリーズバッファローの4TB大容量ポータブルHDD「HD-PSFU3シリーズ」前のページ

好きなテーマやキーワードから情報収集できるiPhoneアプリ「カメリオ」次のページカメリオ

関連記事

  1. Dialogify

    JavaScript

    カスタマイズできるダイアログ・ライトボックスを作成できる「Dialogify」

    Dialogifyはカスタマイズできるダイアログやライトボックスなどを…

  2. Skippr

    JavaScript

    軽くて速いスライドショーを実装できるjQueryプラグイン「Skippr」

    SkipprというjQueryプラグインを使えば、軽くて速いスライドシ…

  3. FixedContent.js

    JavaScript

    モバイルフレンドリーなコンテンツ固定のjQueryプラグイン「FixedContent.js」

    FixedContent.jsはスクロールしてもコンテンツを固定してく…

  4. no-image

    JavaScript

    あらかじめ設定したリストなどから複数タグを選択できる「Tokenize2」

    Tokenize2は、あらかじめ設定したリストやAjaxから複数のタグ…

  5. JQuery lightSlider

    JavaScript

    軽量でレスポンシブなサムネイルナビ付きのスライダー「JQuery lightSlider」

    JQuery lightSliderは軽量でレスポンシブに対応したサム…

  6. quick-select

    JavaScript

    素早く簡単に選択できるセレクトボックス「quick-select」

    quick-selectは素早く簡単に選択可能なセレクトボックスを実装…

最近の記事

  1. サーモンアボカドサラダラップとドリップ
  2. 猿田彦フレンチ
  3. Zarigani Curry 挽肉のカレー ゴーダチーズとピクルスを添えて
  4. ビジネスホテル
  5. ドリップコーヒー

アーカイブ

PAGE TOP