div内的内容无法完全显示!在线等,紧急
情况如截图所示:
本来div里面显示的应该是“检测提示:密码过短”,结果现在就只显示一半了!求高人!
代码如下:
#chkResult{margin-left:1px;height:5px}     //div的样式设计
<div id="chkResult"></div>     //div将读取脚本运行的结果并显示出来!
                                         <script type="text/javascript">
                                         function chkpwd(obj)
                                         {
                                            var t=obj.value;
                                            var id=getResult(t);    
                                           //定义对应的消息提示
                                           var msg=new Array(4);
                                           msg[0]="密码过短。";
                                           msg[1]="密码强度差。";
                                           msg[2]="密码强度良好。";
                                           msg[3]="密码强度高。";    
                                           var sty=new Array(4);
                                           sty[0]=-45;
                                           sty[1]=-30;
                                           sty[2]=-15;
                                           sty[3]=0;    
                                           var col=new Array(4);
                                           col[0]="gray";
                                           col[1]="red";
                                           col[2]="#ff6600";
                                           col[3]="Green";    
                                           //设置显示效果
                                           var bImg="image/pwdlen_dSIPeEGQWxfO.gif";//一张显示用的图片
                                           var sWidth=100;
                                           var sHeight=15;
                                           var Bobj=document.getElementById("chkResult");
                                           Bobj.style.fontSize="12px";
                                           Bobj.style.color=col[id];
                                           Bobj.style.width=sWidth + "px";
                                           Bobj.style.height=sHeight + "px";
                                           Bobj.style.lineHeight=sHeight + "px";
                                           Bobj.style.background="url(" + bImg + ") no-repeat left " + sty[id] + "px";
                                           Bobj.style.textIndent="20px";
                                           Bobj.innerHTML="检测提示:" + msg[id];
                                        }  
                                           //定义检测函数,返回0/1/2/3分别代表无效/差/一般/强
                                        function getResult(s){
                                           if(s.length < 4){
                                            return 0;
                                        }
                                        var ls = 0;
                                        if (s.match(/[a-z]/ig)){
                                         ls++;
                                        }
                                        if (s.match(/[0-9]/ig)){
                                         ls++;
                                        }