Jquery水印插件在IE9中將水印作為表單的值提交

Question

我正在使用這個插件：

http://code.google.com/p/jquery-watermark/downloads/detail?name=jquery.watermark-3.1.4.zip

問題是它在IE9中將水印值作為文本框的值提交。 我該如何避免這個問題？

該問題與此帖有些相關： http ： //code.google.com/p/jquery-watermark/issues/detail？id = 91

但作者否認並將該錯誤標記為無效。

Answer 1

你可能只是使用一些簡單的JS和CSS並自己動手。 使用大量的全包插件在工作時非常棒。

http://jsfiddle.net/VF8Dr/

https://stackoverflow.com/a/14246071/884862

CSS

.placeholder { 
  color: gray; 
  position: absolute;
  padding-left: 10px;
}

JS

function addPlaceholder(id, text) {
  var elm = document.getElementById(id);
  var ph = document.createElement("SPAN");
  ph.className = "placeholder";
  ph.innerHTML = text;
  elm.parentNode.insertBefore(ph, elm.nextSibling);
  ph.style.left = elm.offsetLeft + 'px';
  ph.style.top = elm.offsetTop + 'px';
  ph.onclick = function() {
    ph.style.display = 'none';
    elm.focus();
  };
  elm.onfocus = function() {
    if(ph.style.display != 'none')
      ph.style.display = 'none';
  };
  elm.onblur = function() {
    if(elm.value == '')
      ph.style.display = '';
  };
}
addPlaceholder("demo", "my text");

根據您的需要，簡單可能是最好的。

Answer 2

我知道這是一個很老的帖子，但今天我遇到了同樣的問題。 問題：水印值作為文本框值傳遞。

基本上我在所有搜索功能中都使用了Watermark，整個搜索功能控件都包含在更新面板中，包括水印文本框。 在我的情況下，由於updatepanel，文本框值作為水印值傳遞給服務器端。 所以我從updatepanel中取出了水印文本框，現在一切正常。