javascriptライブラリ「mootools」でtextareaの文字数を制限する

フォームなどでのフリーアンサーは文字数を指定したいことがあります。
textLimitではmootoolsベースで、文字数を制限する方法を紹介しています。

使用方法

javascriptライブラリmootoolsからmootools.jsをダウンロードします。
また今回使用するtextlimit.jsをダウンロードしてください。

<script type="text/javascript" src="http://yourdomain/mootools.js"></script>
<script type="text/javascript" src="http://yourdomain/textlimit.js"></script>
<script type="text/javascript">
	window.addEvent('domready',function(){
		new Countable("id名",N);  
	});
</script>

上記のように記述します。
＊Nは制限文字数です。あとは以下のようにすれば完成です。

<textarea id="id名"></textarea>

色は、CSSでspan.errorをお好みに変更してください。

サンプル

Javascriptサンプルページ一覧

skuare.net