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

2008

01/06

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

使用方法
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ライブラリ「mootools」でtextareaの文字数を制限するサンプル

このエントリーを含むはてなブックマーク はてなブックマークを見るこの記事をクリップ! コメントを見るYahoo!ブックマークに登録 このエントリーをdel.icio.usに追加するこのページを行き先登録 このページをniftyクリップに登録このページをBuzzurlに登録

前の記事:javascriptライブラリ「mootools」でパズルを作成する
次の記事:div要素もまとめてリンクにするjavascript「Link Boxes」


コメント投稿












javascriptライブラリ「mootools」でtextareaの文字数を制限するに関するコメントはまだありません。
ご遠慮なくコメントしてください。

この記事へのトラックバック:

トラックバック一覧


Random Entry Images

Googleのfaviconについて
[jQuery]Colorize
[jQuery]Splitter Plugin
コードのシンタックスハイライトをリアルタイムで行うjavascript「CodePress」

Powered by Movable Type 4.1
RSSリーダーで購読

Copyright © skuare.net All rights reserved.