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