jQueryでフォーム改善：文字数のカウントアップ — WEB-PARK.ORG | サイト制作に使用した自作jQueryコードのご紹介

入力したテキストの文字数をカウントアップ フォームの入力で文字数制限がある場合に使えます。 ここで紹介するのはtextarea要素ですが、input要素でも使えます。 HTMLソース span要素内の数字がカウントアップされます。 <textarea type="text" id="input-up"></textarea> <span id="countUp">0</span> Javascriptソース $(function(){ $("textarea").keyup(function(){ var counter = $(this).val().length; $("#countUp").text(counter); if(counter == 0){ $("#countUp").text("0"); } }); }); keyupイベント ここでキーになるのがkyeupイベントで

[q909p]

jQueryを使って文字数カウントkeyupのやり方