jQuery表單取得和失去焦點輸入框提示效果的實例程式碼_jquery

複製程式碼 程式碼如下:

  $("#focus .input_"). {
  var thisVal=$(this).val();
  //判斷文字方塊的值是否為空，有值的情況就隱藏提示語，沒有值就顯示
  if(thisVal! =""){
  $(this).siblings("span").hide();
  }else{
  $(this).siblings("span").show();
  }
  //聚焦型輸入框驗證 
  $(this).focus(function(){
  $(this).siblings( ).blur(function(){
  var val=$(this).val();
  if(val!=""){
  $(this).siblings("span"). hide();
  }else{
  $(this).siblings("span").show();
  } 
  } #keydown .input_txt").each(function(){
  var thisVal=$(this).val();
  //判斷文字方塊的值是否為空，有值的情況就隱藏提示語，沒有數值就顯示
  if(thisVal!=""){
  $(this).siblings("span").hide();
  }else{
 $this(this(). siblings("span").show();
  }
  $(this).keyup(function(){
  var val=$(this).val();
  $(this  $(this ).siblings("span").hide();
  }).blur(function(){
  var val=$(this).val();
  if(val!="" ){
  $(this).siblings("span").hide();
  }else{
  $(this).siblings("span").show();
 $(this).siblings("span").show();
  }
  })
  }) 
  })




 

       

聚焦型提示語消失  無效果請刷新

        登錄花瓣信箱
       
        密碼
     

輸入型提示語消失

     花瓣註冊郵件信箱     花瓣註冊信箱
      
        密碼