공백으로 남겨두면 텍스트 상자의 텍스트를 다시 채우십시오.

Question

현재 사용자가 클릭 한 후 텍스트를 지우는 로그인 양식이 있습니다. 필드가 포커스를 잃고 비어 있으면 필드의 값을 원래 텍스트로 바꿀 수 있습니까? 뭔가 같은 것

$("#input_field").loseFocus(//Total pseudocode. 
    if((this).attr("value")==''){ 
     (this).attr("value","Original text! Woohoo!"); 
    } 
); 

나는 jQuery를 사용하고 필요한 경우 웹 페이지를 제공 할 수있다.

Answer 1

$("#input_field").blur(function(){ 
    if($(this).val() ==''){ 
     $(this).val(this.defaultValue); 
    } 
}); 

근무 데모 : http://jsfiddle.net/AlienWebguy/gVPHM/1/

Answer 2

사용

$("#input_field").focusout(

    if($(this).val().length == 0){ 
    $(this).attr("value","Original text! Woohoo!"); 
    } 

) 

http://api.jquery.com/focusout/을 대한 focusOut 나뿐만 아니라 공백을 할 수 있습니다. 같은

$("#input_field").focusout(

    if(jQuery.trim($(this).val()).length == 0){ 
    $(this).attr("value","Original text! Woohoo!"); 
    } 

) 

Answer 3

뭔가 :

이

var originalValue = ''; 
$("#field").click(function(){ 
    originalValue = 'Original value'; 
}); 

$("#field").loseFocus(function(){ 
    if(valueNeedsToBeRestored()){ 
     $("#field").attr('value',originalValue); 
}); 

편집 : 당신이 그렇게 내가 배울 수 있습니다을 downvoted 왜 Downvoters, 설명해주십시오. 고맙습니다.

Answer 4

대신 the HTML5 placeholder attribute을 사용하지 않으시겠습니까? 그것은 훨씬 더 적절할 것입니다.