入力文字カウント数の取得

入力された文字のカウント数をリアルタイムで取得

jQuery

$(function () { $('textarea').on('blur change click keydown keypress keyup paste', function(){ var str = $(this).val(); // 入力文字数 var count = str.length; // 改行を文字数に含めない // count = count - str.match(/\n/g).length; $('#count').html(count); // 残文字数 var rest = 200 - count; if (rest < 0) { $('#rest').css('color','#f00'); } else { $('#rest').removeAttr('style'); } $('#rest').html(rest); }); });

HTML

<textarea rows="5"></textarea> <p> 入力文字数: <span id="count">0</span> / 残文字数: <span id="rest">200</span> </p>

サンプル

最新の記事

プロフィール

流されるままにウェブ業界で仕事しています。
主にLAPP環境でPHPを書いています。
最近はjQueryをよく書いています。