function SetInputEmptyClass(obj) {
var ctrID = "#" + obj;
var emptyValue = $(ctrID).attr("title");
//判断是否有一个默认值,如果有继续,没有就返回
if (emptyValue == "" || typeof (emptyValue) == "undefined") {
return;
}
var ctrlStyle = "color:Silver";
//设置默认样式
$(ctrID).attr("style", ctrlStyle);
//设置一个默认的value
$(ctrID).val(emptyValue);
//为控件加载一个焦点事件
$(ctrID).focus(function() {
if (typeof ($(ctrID).attr("style")) != "undefined" && $(ctrID).attr("style") != "") {
$(ctrID).attr("style", "");
$(ctrID).val("");
}
}
);
//为控件加载一个失去焦点的事件
$(ctrID).blur(function() {
var CtrlText = $.trim($(ctrID).val())
if (CtrlText == "") {
$(ctrID).attr("style", ctrlStyle);
$(ctrID).val(emptyValue);
}
});
}
---------------------
使用方法:
注意
1、要设置title的值,如果不设置此属性,将不会加载提示信息
2、要注意jQuery的版本
<input type="text" id="Test" title="会员姓名/电话号码/卡号" />
$(function() {
SetInputEmptyClass("Test");
});