copyright

株式会社アイネックスはソフトウェアの開発、検証ツールの支援企業です。

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

jQuery

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

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

.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");
    });
  }
});
ｃｓｓの書き方 -----------------
HTMLの書き方 お名前：<input class="inp_245" type="text" value="" />

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

必須お名前　：name　　
必須フリガナ　：name　　
必須電話番号telephone number
必須ＦＡＸ番号fax number
必須携帯番号telephone number