jQuery watermarkinput插件将水印值发布到服务器

Question

我正在使用jQuery的watermarkinput插件在文本框输入字段中放置提示文本。当页面回发到服务器时，水印值会以POSTed作为输入框值。

如何防止水印取值为POSTed？

Answer 1

我不熟悉这个插件。但是，您可以将onsubmit()事件处理程序添加到表单中，并检查包含有问题的水印文本的输入框是否存在，并在提交之前将其清除，如下面的简化示例所示。

<form id="myform">
 <input type="text" id="myWatermarkedBox" value="Watermark Text"/>
</form>

然后在你的javascript中：

$(function(){
 $("myform").submit(function(){
    if($("myWatermarkedBox").val() == "Watermark Text")){
      $("myWatermarkedBox").val('');
    }
 });
});

Answer 2

我不知道那个插件，但是当显示水印时，你的表单字段会有一个类被分配给它(很可能)。在提交前，检查水印类的字段，如果存在，则将字段的值设置为空

Answer 3

听起来提示文本正被直接添加到输入的值中。因此在POST数据中发送。我猜你是想用水印插件覆盖提示文本(虽然我不熟悉这个插件)，但它似乎不起作用。

当问题有更多信息时，我会更新答案。