フォームで文字数を制限することがよくあると思います。
Maxlength PluginではJavaScriptライブラリjQueryを利用し、文字数制限を実現します。
使用方法
Maxlength Pluginから、jquery.maxlength.jsをjQueryからjquery.jsをダウロードします。
<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript" src="jquery.maxlength.js"></script>
<script type="text/javascript">
$(function () {
$('.limited').maxlength({
'feedback' : '.charsLeft' //残り数を表示する場所
});
});
</script>
上記を記述し、制限したい場所を以下のようにします。
<form action="">
<p>残り: <span class="charsLeft"></span>文字</p>
<textarea maxlength="制限文字数" class="limited"></textarea>
</form>
以上で完成です。
フォームの入力文字数をチェックするJavaScript「Maxlength Plugin」サンプル
記事作成:2009年01月19日
▼フォームの入力文字数をチェックするJavaScript「Maxlength Plugin」へのコメントはtwitterにて受け付けています。
twitterでコメントする
前の記事:インライン型LightBoxを実現するJavaScript「jQuery.popeye」
次の記事:画像を切り替えるJavaScript「jQuery Slinky Slider」


大学卒業後、某PR会社にてPR誌の取材・編集・デザインからPRコンサルティング、調査分析まで幅広い業務に携わる。業務の合間合間にWEB制作に関する技術を習得。
2007年6月から当サイト「skuare.net」を開始。その後、ホームページ制作会社に転職し、WEBサイト制作に本格的に従事し、CMS、JavaScriptに無駄に突っ込むディレクターとして活動中。
もし、もうちょっと詳細を見たかったら・・・・こちら >>
