找了一个兼容IE低版本的placeholder属性 IE7和IE8都正常为什么IE9 版本密码文本框会出现[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
添加回答
举报
0/150
提交
取消