jQuery恢復文本框默認值

Question

我的代碼可以做當點擊文本框，它清空文本框。如果沒有在文本框中輸入任何內容，如何使用jQuery恢復默認值？

Answer 1

$('input').focus(
    function() 
    { 
     if ($(this).val() == defaultValue) 
     { 
     $(this).val(''); 
     } 
    }) 
    .blur(function() 
    { 
     if ($(this).val() == '') 
     { 
     $(this).val(defaultValue); 
     } 
    }); 

我將檢測負載的默認值是使用用戶的數據爲默認值，如果該頁面是一個回什麼。

Answer 2

我寫了一個jQuery plugin來做到這一點。

Answer 3

假設你不想使用佔位符或其他HTML5-Y善良，請嘗試以下操作：您存儲在data()內容爲對象

$('#myTextbox').click(function(){ 
    $(this).data('saved-text', $(this).val()); 
    // Now you can clear your text. 
}).focusout(function(){ 
    $(this).val($(this).data('saved-text')); 
}); 

Answer 4

我的答案是類似菲爾的。有點像這個（demo）：

$('textarea') 
    .bind('focusin', function(e){ 
    $(this) 
    .data('content', $(this).val()) 
    .val(''); 
    }) 
    .bind('focusout', function(e){ 
    if ($(this).val() === ''){ 
     $(this).val($(this).data('content')); 
    } 
    }); 

Answer 5

我這樣做;

$('#textbox').focus(function(){ 
    if($(this).val() == 'Enter some text..') 
     $(this).val(''); 
}).blur(function(){ 
    if($(this).val() == '') 
     $(this).val('Enter some text..'); 
}); 

Answer 6

您可以使用這樣的事情：

var defaultText = 'this is my default text'; 
    var controlObject = $('#idControl'); 
    controlObject.val(defaultText); 

    controlObject.focusin(function (e) { 
     var controlSelected = $(e.target); 
     if (controlSelected.val() == defaultText) { 
      controlSelected.val(''); 
     } 
    }).focusout(function (e) { 
     var controlSelected = $(e.target); 
     if (controlSelected.val() == '') { 
      controlSelected.val(defaultText); 
     } 
    }); 

Answer 7

您可以使用下面的代碼爲文本框的默認值。它也適用於Textareas。 您只需將類「default-value」應用於要附加默認值功能的所有文本字段和textareas。

$('.default-value').each(function() { 
     $(this).data("default_value",$(this).val()); 
     $(this).focus(function() { 
      if($(this).val() == $(this).data("default_value")) { 
       $(this).val(""); 
      } 
     }); 
     $(this).blur(function() { 
      if($(this).val() == '') { 
       $(this).val($(this).data("default_value")) ; 
      } 
     }); 
    }); 

這段代碼的另一個benifit是，當您提交表單，您可以檢查該字段包含原始默認值與否。

if($(elem).val()==$(elem).data("default_value")) 
{ 
//Contains default value 
} 
else 
{ 
//Contains new value 
}