jquery从提交文本框中删除默认文本

Question

 $('input[class*="defaulttext"]').each(function() { 

        this.value = $(this).attr('title'); 
        $(this).addClass('defaultclass'); 

        $(this).focus(function() { 
         if (this.value == $(this).attr('title')) { 
          this.value = ''; 
          $(this).removeClass('defaultclass'); 
         } 
        }); 

        $(this).blur(function() { 
        if (this.value == '') { 
         this.value = $(this).attr('title'); 
         $(this).addClass('defaultclass'); 
        } 
       }); 


       }); 

这基本上增加了文本框的背景文本效果（使用标题）。一旦选中，文字就会消失。

现在，我有一个可选字段的问题。如果用户不编辑这些字段，则默认背景文本将随表单一起提交。因此，我需要在表单提交后重置未编辑字段的值。任何想法如何做到这一点？

也许在表单提交，检查标题=值？如果是，则设置为“'。

Answer 1

根据你的代码可能标志着你编辑的字段，你可以这样做：

$("#yourForm").submit(function() { 
    $('input[class*="defaulttext"]').val(""); 
}; 

Answer 2

我们使用HTML5 Placeholder jQuery Plugin，它在这种情况下运行良好。

Answer 3

你可以这样做，并检查标题=值的值。 ，或者也使用jQuery.data()

Answer 4

$("#yourForm").submit(function() { 
    $('input.defaulttext').each(function() { 
     if($(this).val() === $(this).attr('title')) { $(this).val(''); } 
    }); 
};