空白のままにするとテキストボックスのテキストを再入力

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

の作業のデモ：​​

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

EDIT： Downvotersあなたはので、私は学ぶことができdownvoted理由を、説明してください。ありがとうございました。

Answer 4

代わりにthe HTML5 placeholder attributeを使用しないのはなぜですか？それははるかに適切だろう。