Javascript 如何防止单击按钮时发送水印文本？

我在解决方案中的一些文本框上实现了此文本框水印功能：

这很有用，但它给我带来了一些问题。具体来说，当我在文本框中显示水印时单击submit按钮，水印文本将被发送到服务器。这意味着我必须在服务器上做一个测试，看看文本是否被发送，这并不理想

---

有人能提出一个客户端解决方案吗？所以当我点击一个按钮或一个链接，通常会把页面中的文本带到服务器上，这会被过滤掉，什么也不会发生

可能不是最好的解决方案（因为我不知道您在服务器上使用的是什么），但您可能会拦截提交事件并阻止默认行为（提交）如果值为空或等于水印文本。

我认为最好将水印文本绝对放置在要添加水印的字段顶部。我开发了一个名为Watermarkify的插件，它可以做到这一点。它还可以在聚焦时设置水印动画

演示：

---

下载：

这实际上是最好的解决方案。水印过滤应该在客户端进行，因为这就是它们被引入的地方。如果客户端有JavaScript来创建水印，那么可以安全地依靠JavaScript将其过滤掉。