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

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

jQuery

51-09)  1.  :text フィルター(セレクター)

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

:text フィルター
input要素のtype属性が『text』だけを選択できるフィルターです。

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

51-09) 2. テキスト入力フォームのフィルター (:text) 

 

:textは type属性の値に(text)が設定されてるinput要素だけを選択するフィルター
動作; 1行入力(テキスト)にフォーカスされると、 『必須項目です』を追加して、
     外れると表示された項目を削除する。

jQueryの書き方 /*------------------------------------ */
//51-09) 1行テキスト入力フォームのフィルター(:text)
/*------------------------------------ */
$(":text").focus(function(){
  $(this).after("<strong>必須項目です</strong>");
  })
  .blur(function(){
  $("strong").remove();
});

cssの書き方 --------------
HTMLの書き方 お名前1:<input type="text" name="お名前1" /><br/>
お名前2:<input type="text" name="お名前2" /><br/>
お名前3:<input type="text" name="お名前3" /><br/>
お名前4:<input type="text" name="お名前4" /><br/>


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

必須お名前1 :name1  
必須お名前2 :name2  
必須お名前3 :name3  
必須お名前4 :name4  

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