如何防止單擊按鈕時發送水印文本？

Question

我實現了這個文本水印功能的一些在我的解決方案的文本框：

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

這是非常有用的，但它引起了我的一些問題。具體來說，當我在文本框中存在水印時單擊提交按鈕時，水印文本將被髮送到服務器。這意味着我必須在服務器上進行測試，看看是否發送了文本，這並不理想。

有人可以提出一個客戶端解決方案嗎？所以，當我點擊一個按鈕或鏈接，通常最終將頁面中的文本帶到服務器，這被過濾掉，什麼都沒有發生？

Answer 1

即使不是最好的解決方案（因爲我不知道你在服務器上使用什麼），但是你可以攔截提交事件並阻止默認行爲（提交），如果該值爲空或等於水印文本。

Answer 2

我認爲最好將水印文本放置在你想要水印的字段的頂部。有一個我開發的名爲Watermarkify的插件可以做到這一點。它還可以在聚焦時動畫化水印。

演示：http://www.ajaybalachandran.com/demo/watermarkify/

下載：http://www.ajaybalachandran.com/blog/48/watermarkify-jquery-twitter-like-animated-textfield-watermarks/