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 
}