Как сделать, чтобы значение текстового поля не восстанавливалось при клике на кнопку?

Question

[andreyqin]

Есть форма поиска, значение текстового поля по умолчание - "Поиск", при фокусе значение отчищается, при убирании фокуса - восстанавливается. Пример кода - jsfiddle.net/ts7cL

Проблема в том, что при клике на кнопку "Поиск" происходит убирание фокуса с тестового поля, соответственно, его значением становится слово "Поиск" и отправляется на сервер. Как мне сделать так, чтобы при клике на кнопку "Поиск", событие .focusout не срабатывало, а на сервер отправлялась введенная информация?

Answer 1

[Сергей Протько]

используйте уже placeholder. Для старых браузеров просто подключите polyfill.

jsfiddle.net/ts7cL/1

Comments

[andreyqin]

Placeholder можно, но вот как решить данную проблему, просто ради интереса?

[Сергей Протько]

нужно проверять value, если там не наше значение по умолчанию - не трогать.

[Сергей Протько]

ну мол не просто ставить значение, а обернуть в if с условием сравнения. Если у нас там пустая строка то ставим наше значение. Если нет - то оставляем как есть.

Answer 2

[Юрий Лобанов]

Почему не используете placeholder?
jsfiddle.net/iiil/ts7cL/2

Comments

[andreyqin]

Потому что placeholder не такой заметный, как value. Плюс, надпись должна убираться при фокусе, а placeholder пропадает при наборе, а исправление опять упирается в JS.

[Юрий Лобанов]

@andreyqin value есть value. Используйте html по назначению и не будет проблем. Placeholder и не должен бросаться в глаза, а если Вы его измените через js - то он, что бы Вы не напортачили, никак не попадет в качестве value на сервер.
И это существенная разница. Если Вы этого не понимаете - то мне жаль.

[Владислав Килин]

Кроме того, цветом placeholder'а можно управлять при помощи CSS.

Answer 3

[Сергей Полозов]

Я бы сделал так:
jsfiddle.net/SergPolozov/JYDx5

Comments

[andreyqin]

Как вариант. Только еще можно отвязаться от слова "поиск" и делать так в первой строке:
var inputValue = $('input').attr('value');
А потом эту переменную подставлять.