finefinefine.jpThis domain may be for sale!
jQueryを使って入力フォームにサンプル文字を入れておき、フォーカスで消すスクリプト:応用 機能追加編
以前にご紹介した 「jQueryを使って入力フォームにサンプル文字を入れておき、フォーカスで消すスクリプト」 それを使って、今行っている案件をこなそうと思ったら、 ３つ程改良したい部分が出てきた。 一つ目はあらかじめ文字を出現させていて、 そのままsubmitされた場合、デフォルトの文字のままだった場合、 それを削除するというもの。 二つ目は、あらかじめHTMLの段階でvalueをセットしていた場合や、 以前入力していたのをあらかじめ表示させておくなどをした場合、 デフォルトの文字を表示させないようにするというもの。 ３つめは単純、フォーカスがあった部分の 背景の色を変えて、入力している部分がわかるようにするもの。 以上３点を加えたものを作ってみた。 ※2011/06/19 add jQuery1.2～1.2.6までは今回の方法でも動作しますが、1.3以降のバージョンでは、ボタンクリック時
jQueryプラグイン サンプル（フォーム系）：skuare.net
JavaScriptライブラリのjQueryのプラグインを利用して出来るサンプルです。 jQueryは、John Resig によって開発されたJavascriptライブラリで、AjaxやDOMプログラミングコードを「簡潔・簡単」に書けます。 ここでは、フォーム関連のjQueryプラグインを紹介しています。 国際電話番号を判別するjQueryプラグイン「jquery.mobilePhoneNumber」 電話番号を入力してもらう際に国際電話のケースもあるかもしれません。 その際はjQueryプラグインの jquery.mobilePhoneNumberを利用するとユーザーに安心感を与えられるかもしれません。 via：jquery.mobilePhoneNumber
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
入力フォームを細かいSTEPに分割する « エンジニアのためのUI改善講座