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

Question

Я реализовал эту функцию водяного знака для текстовых полей в некоторых текстовых полях моего решения:

http://cysemic.com/2010/03/jquery-textbox-watermark-revisited-making-it-a-plugin/

Это очень полезно, но вызывает у меня некоторые проблемы. В частности, когда я нажимаю кнопку отправки, когда водяной знак присутствует в текстовом поле, текст водяного знака отправляется на сервер. Это означает, что мне нужно выполнить тест на сервере, чтобы увидеть, был ли отправлен этот текст, что не идеально.

Может кто-нибудь предложить решение на стороне клиента для этого? Так что, когда я нажимаю кнопку или ссылку, которая обычно приводит к переносу текста со страницы на сервер, это отфильтровывается и ничего не происходит?

Answer 1

Я думаю, что было бы лучше разместить текст водяного знака, расположив его абсолютно поверх поля, которое вы хотите сделать водяным знаком.Существует плагин, который я разработал под названием Watermarkify, который делает это.Он также оживляет водяной знак при фокусировке.

Демо: http://www.ajaybalachandran.com/demo/watermarkify/

Загрузить: http://www.ajaybalachandran.com/blog/48/watermarkify-jquery-twitter-like-animated-textfield-watermarks/

Answer 2

Возможно, не лучшее решение даже (поскольку я не знаю, что вы используете на сервере), но вы можете перехватить событие submit и заблокировать поведение по умолчанию (submit), если значение пусто или равно водяному знакутекст.