입력 상자가 비어 있으면 텍스트가있는 경우 레이블 표시, 숨기기 레이블

Question

연락처 양식 입력란이 비어있는 경우 <label>을 표시하고 다른 사람이 텍스트를 입력하면 숨길 수있는 방법이 있습니까?

이

은

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

이 레이블은 항상 텍스트 상자의 이전 요소 고려하고있다 ..

<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() == ''){ 
     $('label[for="name"]').show(); 
     }else{ 
     $('label[for="name"]').hide(); 
     } 
    }); 

이것은 for 속성이 name 인 해당 특정 레이블을 가져옵니다.

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