关于input placeholder属性 兼容IE9版本的问题 求解决 急!

找了一个兼容IE低版本的placeholder属性   IE7和IE8都正常

为什么IE9 版本密码文本框会出现http://img.mukewang.com/55701bc50001ec7e06420595.jpg[object这东西

我看了一下  问题好像出现在了这两段代码中

  var pwdVal = pwdField.attr('placeholder')== "登录密码"?$('#passwd').text(""):pwdField.attr('placeholder',"");

  pwdField.after('<input id="pwdPlaceholder" type="text" value='+pwdVal+' autocomplete="off" class="inp_login borderGreen"/>');

求各位好心人帮忙看看    能加我帮我远程解决更是万分感谢!


<input type="password" name="passwd" id="passwd" class="inp_login borderGreen" placeholder="登录密码" autocomplete="on"/>

//判断浏览器是否支持 placeholder属性

    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')== "登录密码"?$('#passwd').text(""):pwdField.attr('placeholder',"");

                pwdField.after('<input id="pwdPlaceholder" type="text" value='+pwdVal+' autocomplete="off" class="inp_login borderGreen"/>');

                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();

                    }

                });


            }

        });


    }

    //兼容placeholder属性 END


Maze
浏览 24792回答 3
3回答
打开App,查看更多内容
随时随地看视频慕课网APP