为一个text 控件添加一个样式,用于提示输入信息



        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");
        });

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值