Edited at

formの入力可能な残り文字数を表示

More than 5 years have passed since last update.


よく使うのでメモ

残り文字数表示

head部分


headで読み込み

<script type="text/javascript" src="jquery-1.8.2.min.js"></script>

<script type="text/javascript" src="jquery.maxlength.js"></script>
<script type="text/javascript">
$(function () {
$('.limited').maxlength({
'feedback' : '.charsLeft' //残り数を表示する場所
});
});
</script>

文字数を制限したいテキストエリア等の部分


テキストエリアの例

<textarea name="message" cols="60" rows="8" maxlength="400" class="limited" ></textarea>

<p class="nokori">残り: <span class="charsLeft"></span>文字</p>

maxlength="400" にしているので最大400文字まで。

class="limited" を書かないと反応しない。

span class="charsLeft" も絶対いる。


ダウンロード:ソース(http://remysharp.com/downloads/jquery.maxlength.js)

右クリックで名前を付けて保存。

拡張子は.js