Как не отправить текст водяного знака?

Question

У меня есть этот код:

$(document).ready(function() {
    $('.watermark').focus(function() {
        if (this.className == 'watermark')
        {
            this.className = '';
            this.reset = this.value;
            this.value = '';
        }
    });

    $('.watermark').blur(function() {
        if (this.value == '')
        {
            this.className = 'watermark';
            this.value = this.reset;
        }
    });
});

И это работает нормально, но когда я отправляю свою форму, водяные знаки представляются в виде данных. Без изменения моего файла обработки php, возможно ли, чтобы текст с водяными знаками был представлен как пустой? Я имею в виду следующее: если класс текстового поля «водяной знак», введите пустое значение для указанного текстового поля. Я не хочу изменять мой файл обработки php, но я не против использования JQuery. Будет ли лучшим решением зафиксировать событие нажатия кнопки отправки и быстро установить пустые значения для текстовых полей со значениями водяного знака?

Answer 1

Используйте атрибут placeholder в элементах ввода текста:

<input type="text" placeholder="Text goes here" id="foo" />

Так как это не работает в некоторых старых браузерах, добавьте на свою страницу скрипт отката атрибута HTML5 placeholder (например, this или this ).

Answer 2

это должно работать, если я вас правильно понял:

$('form').submit(function(){
    $(this).find('.watermark').each(function(){
        if(!this.reset)
             this.value = '';
    });
});