Текстовые наклейки в текстовом поле передаются onsubmit

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