株式会社アイネックスはソフトウェアの開発、ホームページの作成ツール企業です。

     横浜、東京に拠点を置き、検証システム/金融・証券のシステム等の構築、開発を行い、
ホームページの作成ツール支援と多岐にわたるソリューションを提供します。

jQuery

51-08)  1.  :input フィルター(セレクター)

:inputフィルターは、フォームの部品を選択するフィルター機能のセレクターです。

:input フィルター
すべてのフォームの部品(input要素、textarea要素、selset要素、button要素)
を一括して選択できるフィルターです。

書式;
$(":input").focus(function(){
   フィルターの選択要素がフォーカスされた時に実行する処理
  .blur(function(){
   フィルターの選択要素がフォーカスが外れた時に実行する処理
});

51-08)  2. データ入力フォームのフィルター (:input) 

 

:input は全てのフォームの部品(input要素、textarea要素、select要素、buton要素)
を一括して選択できるフィルター

動作; いずれかのフォームの部品がフォーカスされると、背景色を変更して表示する。
     フォーカスから外れると初期値に戻す。

jQueryの書き方 /*------------------------------------ */
//51-08) ) 1. フォームの部品のフィルター(:input)
/*------------------------------------ */
$(":input").focus(function(){
  $(this).css("background","#DFEEFF");
  })
  .blur(function(){
  $(this).css("background","");
});

cssの書き方 ------------------
HTMLの書き方 <dl>
<dt>お名前<em>(必須)</em></dt>
<dd><input type="text" name="お名前" /></dd>
<dt>年齢</dt>
<dd>
<select name="年齢">
<option>選択してください</option>
<option value="10代">10代</option>
<option value="20代">20代</option>
<option value="30代">30代</option>
<option value="40代以上">40代以上</option>
</select>
</dd>
<dt>コメント</dt>
<dd>
<textarea name="コメント"></textarea>
</dd>
</dl>

51-08) 3. :input フィルターの送信確認処理

必須お名前 :name  
性別 :sex  
必須コメント(全角) :comment  

送信時に必須項目チェックは省略しています。