如何在单击按钮时阻止发送水印文本?

时间:2010-08-12 14:57:42

标签: javascript jquery watermark

我已在我的解决方案的某些文本框中实现了此文本框水印功能:

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

这非常有用,但它给我带来了一些问题。具体来说,当我在文本框中出现水印时单击提交按钮时,水印文本将被发送到服务器。这意味着我必须在服务器上进行测试以查看该文本是否已发送,这是不理想的。

有人可以建议客户端解决方案吗?因此,当我单击一个按钮或链接时,通常最终会将文本从页面传送到服务器,这会被过滤掉而没有任何反应?

2 个答案:

答案 0 :(得分:1)

甚至可能不是最好的解决方案(因为我不知道你在服务器上使用了什么),但如果值为空或等于水印,你可以拦截提交事件并阻止默认行为(提交)文本。

答案 1 :(得分:1)

我认为通过将水印文本绝对放在要添加水印的字段顶部来放置水印文本会更好。我开发了一个名为Watermarkify的插件。它还可以在焦点上激活水印。

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

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