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();
      }
  });

这将获得其属性为名称的特定标签。

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();

});

Answer 4

试试这个：

$("#name").blur(function(){
if($(this).val() == '')
    $("label").attr("style", "visibility: hidden")
else
    $("label").attr("style", "visibility: ")
});