<!doctype?html>
<html>
<head>
<meta?charset="utf-8">
<title>chenge?password</title>
<link?>
<script?type="text/javascript"?src="cp.js"></script>
<style?type="text/css">
#mainbody{margin:0?auto;width:40%;margin-top:80px}
.submit{margin:0?auto;margin-top:10px;width:20%}
p1{font-size:50px;font-family:inherit;text-align:center}
input{width:30px}
</style>
</head>
<body>
<div?id="mainbody"?class="form-group">
?????<p1>密碼修改</p1>
?????<form?id="form-horizontal">
?????<label?>用戶名</label><input?type="text"??class="form-control"?id="username">
?????<div><b?id="count">0個字符</b></div>
?????<p>請輸入已經(jīng)注冊過的用戶名。</p>
?????
?????<label?for="old-password">舊密碼</label><input?type="password"??class="form-control"?id="old-password">
?????<label?for="n-password">新密碼</label><input?type="password"??class="form-control"?id="n-password">
?????<label?for="new2-password">確認新密碼</label><input?type="password"??class="form-control"?id="new2-password">
?????<div?class="submit"><button?type="submit"?class="btn?btn-default"?id="submit">確認修改</button></div>
?????</form>
?</div>?????
?
?????<script?src="http://libs.baidu.com/jquery/2.0.0/jquery.min.js"></script>
<script?src="http://libs.baidu.com/bootstrap/3.0.3/js/bootstrap.min.js"></script>
</div>?????
</body>
</html>
function?getStrlength(str){
??return?str.replace(/[^\x00-xff]/g,"aa").length;
};
window.onload=function(){
var?name=document.getElementById("username");
var?name_msg=document.getElementsByTagName("p");
//var?opassword=document.getElementById(old-password);
//var?npassword=document.getElementById(n-password);
//var?cnpassword=document.getElementById(new2-password);
var?count=document.getElementById("count");
var?name_length=0;
name.onfocus=function(){
name_msg.style.display?=?"block";
namemsg.innerHTML="請?zhí)顚懸呀?jīng)注冊過的用名.";
};
name.onkeyup=function(){
count.style.visibility="visible";
name_length=getStrlength(this.value);
count.innerHTml=name_length+'個字符';
};
}
自己寫了下 查了好久 就是沒有隱藏個變數(shù)字的效果 大神幫我看下
Attan
2016-04-30 18:31:53
