オプション無し(文字制限のデフォルト値は140、注意喚起のデフォルト値は25文字)

オプション有り

このプラグインの実際の動きを確認したい場合は、PCからアクセスして下さい。

  • files
  • js
  • html
/*カウント部分のテキストなどのスタイルは要設定*/
<style>
	.counter{
		position: absolute;
		right: 0;
		top: -5px;
		font-size: 16px;
		font-weight: bold;
		color: #ccc;
	}
	.warning{color: #600;}	
	.exceeded{color: #e00;}
</style>
<script src="<PATH>/jquery.min.js"></script>
<script src="<PATH>/charCount.js"></script>
<script>
	$(window).load(function(){
		$("#message1").charCount();
		$("#message2").charCount({
			allowed: 50,		
			warning: 20,
			counterText: 'Characters left: '	
		});
	});
</script>
<p class="title">オプション無し(文字制限のデフォルト値は140、注意喚起のデフォルト値は25文字)</p>
<div>
	<label for="message">Type your message</label>
	<textarea id="message1" name="message1"></textarea>
</div>

<p class="title">オプション有り</p>
<div>
	<label for="message">50文字まで(20文字以下になると注意喚起)</label>
	<textarea id="message2" name="message2"></textarea>
</div>

CharacterCountについて

CharacterCountは、入力フォームに文字数制限を設定し、入力可能文字数をリアルタイムで表示するプラグインです。
入力可能文字と、残り文字数が少なくなってきた時の注意喚起も表示できます。
非常にシンプルなのでIE6以降で動作します。
ダウンロード こちら
ドキュメント こちら
デモ こちら
ライセンスl02 or l03
対応ブラウザ

関連するjQueryプラグイン

  • PassStrength

    PassStrength

    入力されたパスワードの強度をわかりやすく表示

  • timepicker

    timepicker

    時間の入力を簡単にしてくれる

  • Formly

    Formly

    簡単にフォームにきれいなスタイルを設定することができる

  • iCheck

    iCheck

    チェックボックス、ラジオボタンのなどの見た目をPC,スマホ、クロスブラウザで統一できる

  • Picker

    Picker

    ラジオボタンやチェックボックスのスタイルをクールにしてくれる