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

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

jQuery

51-04)  1.  .blur() イベント処理

jQueryでは、フォーカスが外れた状態で処理を実行する。

.blur() イベント
フォーカスが外れた状態で処理を実行する。

書式;
$("セレクター名").blue(function(){
      フォーカスが外れた時に実行する処理
});

51-04)  2.  .blur() イベント (フォーカスが外れたことを感知)

 

フォーカスが外れたことを感知する。
 .blur() イベント

動作; 初期状態で灰色の文字でガイダンス(入力してください)を表示する。
     入力完了後(フォーカスが外れる)、未入力の場合は赤文字のガイダンスに変更する

jQueryの書き方 /*------------------------------------ */
//51-04) .blur() イベント
       フォーカスが外れたことを感知 .blur()
/*------------------------------------ */
$("input.inp_245")
  .val("入力してください")
  .css("color","#CCC")
  .one("focus",function(){
    $(this).val("")
   .css("color","#000");})
  .blur(function(){
    if($(this).val()==""){
    $(this).val("入力してください")
    .css("color","red")
  .one("focus",function(){
    $(this).val("")
    .css("color","#000");
    });
  }
});
cssの書き方 -----------------
HTMLの書き方 お名前:<input class="inp_245" type="text" value="" />

51-04) .blur() イベントの確認

必須お名前 :name  
必須フリガナ :name  
必須電話番号telephone number
必須FAX番号fax number
必須携帯番号telephone number