入力文字カウント数の取得
入力された文字のカウント数をリアルタイムで取得
jQuery
$(function () {
$('textarea').on('blur change click keydown keypress keyup paste', function(){
var str = $(this).val();
// 入力文字数
var count = str.length;
// if (str.indexOf('\n') > -1) {
// 改行を文字数に含めない
// 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>
サンプル
