不确定验证插件是如何工作的,但这是一个可用的单独模块。
var SetWatermark = function( oElemToWatermark, sWatermark )
{
var CheckFocus = function(oEvent)
{
var oElem = $(this);
if ( oElem.val() == oElem.data("Watermark") )
oElem.val("").css("color", "");
}
var CheckBlur = function(oEvent)
{
var oElem = $(this);
if ( oElem.val().length == 0 )
oElem.val( oElem.data("Watermark") ).css("color", "Grey");
}
// HTML5 (simple route)
if ( oElemToWatermark[0].placeholder != undefined )
oElemToWatermark[0].placeholder = sWatermark;
// pre HTML5 (manual route)
else if (oElemToWatermark.data("Watermark") == undefined)
oElemToWatermark .data("Watermark", sWatermark)
.val(sWatermark)
.on("focus", CheckFocus )
.on("blur", CheckBlur );
}
var GetWatermarkText = function(oElem)
{
if (oElem[0].plaeholder != undefined)
return oElem[0].placeholder;
else if ( oElem.data("Watermark") != undefined )
return oElem.data("Watermark");
else
{
alert("The element " + oElem[0].id + " does not have a Watermark value.");
return "";
}
}
var GetWatermarkValue = function(oElem)
{
var sVal = oElem.val();
var sWatermark = oElem.data("Watermark");
if (oElem[0].placeholder != undefined
|| sWatermark == undefined
|| sWatermark != sVal)
return sVal;
else if (sVal == sWatermark)
return "";
}