日期:2014-05-16  浏览次数:20376 次

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++;
  }