码迷,mamicode.com
首页 > Web开发 > 详细

jQuery-placeholder

时间:2015-06-17 12:51:59      阅读:127      评论:0      收藏:0      [点我收藏+]

标签:

function isPlaceholder(){
    var input = document.createElement(‘input‘);
    return ‘placeholder‘ in input;
}
if (!isPlaceholder()) {//不支持placeholder 用jquery来完成
    $(document).ready(function() {
        if(!isPlaceholder()){
            $("input").not("input[type=‘password‘]").each(//把input绑定事件 排除password框
                function(){
                    if($(this).val()=="" && $(this).attr("placeholder")!=""){
                        $(this).val($(this).attr("placeholder"));
                        $(this).focus(function(){
                            if($(this).val()==$(this).attr("placeholder")) $(this).val("");
                        });
                        $(this).blur(function(){
                            if($(this).val()=="") $(this).val($(this).attr("placeholder"));
                        });
                    }
            });
            //对password框的特殊处理1.创建一个text框 2获取焦点和失去焦点的时候切换
            var pwdField    = $("input[type=password]");
            var pwdVal      = pwdField.attr(‘placeholder‘);
            pwdField.after(‘<input id="pwdPlaceholder" type="text" value=‘+pwdVal+‘ autocomplete="off" class="col-md-6"/>‘);
            var pwdPlaceholder = $(‘#pwdPlaceholder‘);
            pwdPlaceholder.show();
            pwdField.hide();

            pwdPlaceholder.focus(function(){
                pwdPlaceholder.hide();
                pwdField.show();
                pwdField.focus();
            });

            pwdField.blur(function(){
                if(pwdField.val() == ‘‘) {
                    pwdPlaceholder.show();
                    pwdField.hide();
                }
            });

        }
    });

}

  

jQuery-placeholder

标签:

原文地址:http://www.cnblogs.com/labihua/p/4582776.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!