正在傳遞的文本框中的文本標籤提交

Question

我發現在文本字段本身內顯示字段標題的這種有用的小方法。

http://viralpatel.net/blogs/2009/09/default-text-label-textbox-javascript-jquery.html

唯一的問題是，如果字段不是由用戶完成那麼標題值獲得提交。

任何人都可以告訴我如何添加onsubmit檢查，以確保我們不提交默認文本？

這是JavaScript：

$('input[type="text"]').each(function() { 

    this.value = $(this).attr('title'); 
    $(this).addClass('text-label'); 

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

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

非常感謝......

Answer 1

類似下面應該工作：

$('form').submit(
    function(e){ 
     $(this).find('input, select, textarea').each(
      function(){ 
       if ($(this).val() == this.title){ 
        $(this).val(''); // removes the value 
        // or prevent form submission: 
        // return false; 
       } 
      }); 
    });