よくある文字数のカウントダウン。有名になったのはTwitterかな。140文字以内で入力しないといけなかったので。
で、Javascript+jQueryで単純に考えると、
1 2 3 4 5 6 7 8 9 10 11 12 13 14 |
<input type="text" name="comment" value=""> <strong></strong> <script> $('input[type=text]').keyup(function(){ // 制限文字数 var limit = 140 // 現在の文字を取得 var str = $(this).val(); // 残り文字数を計算 var diff = limit - str.length; // 表示 $(this).next().text("残り"+diff +"文字"); }); </script> |
となりますね。
最近のコメント