<script type="text/javascript">
function checkPwd(pwd){ if (pwd == "") { document.getElementById("chkpswd").className = "psdiv0"; document.getElementById("chkpswdcnt").innerHTML = ""; } else if (pwd.length < 3) { document.getElementById("chkpswd").className = "psdiv1"; document.getElementById("chkpswdcnt").innerHTML = "太短"; } else if(!isPassword(pwd) || !/^[^%&]*$/.test(pwd)) { document.getElementById("chkpswd").className = "psdiv0"; document.getElementById("chkpswdcnt").innerHTML = ""; } else { var csint = checkStrong(pwd); switch(csint) { case 1: document.getElementById("chkpswdcnt").innerHTML = "很弱"; document.getElementById( "chkpswd" ).className = "psdiv"+(csint + 1); break; case 2: document.getElementById("chkpswdcnt").innerHTML = "一般"; document.getElementById( "chkpswd" ).className = "psdiv"+(csint + 1); break; case 3: document.getElementById("chkpswdcnt").innerHTML = "很强"; document.getElementById("chkpswd").className = "psdiv"+(csint + 1); break; } }}
</script><asp:TextBox ID="Password" runat="server" TextMode="Password" SkinID="InputText" OnKeyUp="checkPwd(this.value);"></asp:TextBox>this.value获取不到输入值啊, 是什么问题 ???
var pwd=document.getElementById('password').value;
是否已引用了js文件?
className = "psdiv0";
className = "psdiv1";
.....样式写了没?
其它有没语法错误,写错之类...
.value 没有额<asp:TextBox ID="Password" runat="server" TextMode="Password" SkinID="InputText" OnKeyUp="checkPwd(this.value);"></asp:TextBox>
COLOR: #666; POSITION: relative; HEIGHT: 30px
}
.psdiv1 {
COLOR: #666; POSITION: relative; HEIGHT: 30px
}
.psdiv2 {
COLOR: #666; POSITION: relative; HEIGHT: 30px
}
.psdiv3 {
COLOR: #666; POSITION: relative; HEIGHT: 30px
}
.psdiv4 {
COLOR: #666; POSITION: relative; HEIGHT: 30px
}
.strongdepict {
LEFT: 0px; WIDTH: 300px; POSITION: absolute; TOP: 3px
}
.strongbg {
FONT-SIZE: 0px; LEFT: 0px; WIDTH: 321px; LINE-HEIGHT: 0px; POSITION: absolute; TOP: 22px; HEIGHT: 10px; BACKGROUND-COLOR: #e0e0e0
}
.strong {
FONT-SIZE: 0px; FLOAT: left; LINE-HEIGHT: 0px; HEIGHT: 10px
}
.psdiv0 SPAN {
DISPLAY: none
}
.psdiv1 SPAN {
DISPLAY: inline; COLOR: #f00
}
.psdiv2 SPAN {
DISPLAY: inline; COLOR: #c48002
}
.psdiv3 SPAN {
DISPLAY: inline; COLOR: #2ca4de
}
.psdiv4 SPAN {
DISPLAY: inline; COLOR: #063
}
.psdiv0 .strong {
WIDTH: 0px
}
.psdiv1 .strong {
WIDTH: 25%; BACKGROUND-COLOR: #f00
}
.psdiv2 .strong {
WIDTH: 50%; BACKGROUND-COLOR: #f90
}
.psdiv3 .strong {
WIDTH: 75%; BACKGROUND-COLOR: #2ca4de
}
.psdiv4 .strong {
WIDTH: 100%; BACKGROUND-COLOR: #063
}
都在这里额
当输入2个字时页面上<div id="chkpswdcnt"></div>会提示 "太短"
document.getElementById("chkpswdcnt").innerHTML = "太短";
var csint = checkStrong(pwd);
这个checkStrong函数写了没?