jQueryでフォーム改善：入力カウントの感知 — WEB-PARK.ORG | サイト制作に使用した自作jQueryコードのご紹介
前回と前々回に紹介しました入力のカウントですが、 今回はフォームで最後の段階、submitした際の動作を設定します。 HTMLソース <form> <textarea type="text" id="input-up"></textarea><strong>30文字まで入力できます</strong><span id="countUp">0</span> <input type="text" id="input-down" maxlength="6" /><strong>6文字入力してください</strong><span id="countDown">6</span> <input type="submit" value="送信" /> </form> HTMLソースの解説 strong要素に入力の注意事項を記載します。ここの内容をJavascriptで入力エリアに内包させます。 それ以外の
jQueryでフォーム改善：文字数のカウントダウン — WEB-PARK.ORG | サイト制作に使用した自作jQueryコードのご紹介
入力文字数制限のあるフォームで、後何文字入力していいかわからず打ち直した経験はありませんか？ 前回は何文字入力しているかをカウントしましたが、今回はその逆です。 HTMLソース input要素のmaxlength属性に最大入力文字数を入れます。 後のspan要素にある数字がカウントダウンするようにJavascriptで設定します。 <input type="password" id="input-down" maxlength="6"/><span id="countDown">6</span> Javascriptソース $(function(){ $(":password").keyup(function(){ var maxChars = $(this).attr("maxlength"); var counter = $(this).val().length; $("#countD
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イベントで
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
http://moto-mono.net/2009/07/02/hintmaskjs.html
http://moto-mono.net/2008/12/13/validationjs-updated2.html