jquery - 入力ボックスが空の場合はラベルを表示、テキストがある場合はラベルを非表示

Question

<label>連絡先フォームの入力ボックスが空の場合に表示し、誰かがテキストを入力し始めたら非表示にする方法はありますか?

これは私のマークアップのサンプルです

<label for="name">Name *</label>
<input type="text" id="name" name="name" value=""/>

Answer 1

はいあります、

keyup()関数を使用します。

  $('#name').keyup(function(){
      if($(this).val() == ''){
         $(this).prev().show();
      }else{
         $(this).prev().hide();
      }
 });

これは、ラベルが常にテキストボックスの前の要素であることを考慮しています

他に使用できる..

   $('#name').keyup(function(){
      if($(this).val() == ''){  
       $('label[for="name"]').show();
       }else{
         $('label[for="name"]').hide();
      }
  });

これは、属性が name である特定のラベルを取得します。

Answer 2

これを試して：

$("#name").bind("keyup", function(e) {
    $('label[for="name"]').hide();
})

Answer 3

入力フィールドに属性「プレースホルダー」を使用したい場合があります。

<input type="text" id="name" name="name" value="" placeholder="Name *"/>

そうでなければ、これはあなたを助けるでしょう:

$('#name').keyup(function(){
  if($(this).val() == '')
    $(this).prev().show();
  else 
    $(this).prev().hide();

});