【随手笔记——JQuery】输入框的的提示,点击后消失

//普通输入框
function inputTip(e,temp,icon){
        e.click(function(){
            var text = e.attr("value");
            if(text.trim() == temp){
                e.attr("value","");
            }
            e.removeClass("inputColor");
            icon.addClass("iconStyle_after");
        });
        e.blur(function(){
            var text = e.val();
            if(text.trim() == ""){
                e.attr("value",temp);
                e.addClass("inputColor");
            }
            icon.removeClass("iconStyle_after");
        });
    }
//密码输入框
    function inputPasswordTip(e,temp,icon){
            e.click(function(){
                var text = e.attr("value");
                if(text.trim() == temp){
                    e.attr("value","");
                    e.attr("type","password");
                }
                e.removeClass("inputColor");
                icon.addClass("iconStyle_after");
            });            
            e.blur(function(){
                var text = e.val();
                if(text.trim() == ""){
                    e.attr("type","text");
                    e.attr("value",temp);
                    e.addClass("inputColor");
                }else{
                    e.attr("type","password");

                }
                icon.removeClass("iconStyle_after");
                
            });


大概原理是,当鼠标点击的时候获取输入框的文本,如果是提示值,则清空。

当输入框失去焦点的时候,获取文本,如果为空,则填上提示。

但是有点问题,就是如果输入过,然后删除掉,就会失去作用,不知道为什么,求高手指点

【随手笔记——JQuery】输入框的的提示,点击后消失,古老的榕树,5-wow.com

郑重声明:本站内容如果来自互联网及其他传播媒体,其版权均属原媒体及文章作者所有。转载目的在于传递更多信息及用于网络分享,并不代表本站赞同其观点和对其真实性负责,也不构成任何其他建议。