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

Question

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

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

有人可以为此建议一个客户端解决方案吗？这样，当我单击通常最终会将文本从页面带到服务器的按钮或链接时，它会被过滤掉并且什么都没有发生？

score 1 · Accepted Answer

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

score 1 · Accepted Answer

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

2 回答 2