如果輸入框爲空顯示標籤，如果有文本，隱藏標籤

Question

如果聯繫人表單輸入框爲空，並且在某人開始輸入文字後隱藏它，有什麼方法可以顯示<label>？

這是我的標記的樣品

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

Answer 1

試試這個：

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

Answer 2

是有，

使用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 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: ") 
});