简单的密码验证控件

zengbo0710

浏览: 403472 次

最近访客更多访客>>

51034581

fooler5

你妹的哈哈

fanzhenzhen1

博主相关

博客

微博

相册

留言

关于我

文章分类

社区版块

存档分类

2007-07 ( 12)
2007-06 ( 11)
2007-05 ( 141)
更多存档...

JavaScript CSS HTML

最近一直在忙,不过忙得很充实,学到了很多东西,准备一点一点整理.这个密码验证很简单,作为一个独立的控件,可以拿来直接用

<html>
<head>
<meta http-equiv ="Content-Type" content ="text/html; charset=gb2312">
<link href ="../../css/all_import.css" rel =stylesheet>
<title> 密码修改 </title>
<script language ="JavaScript" type ="text/JavaScript" >
function modifyPwd() {
var newPwd = document.all("newPwd").value;
var confirmPwd = document.all("confirmPwd").value;
if(newPwd.length==0) {
alert("请输入新密码!");
return;
    }else if (newPwd.length!=confirmPwd.length){
alert("密码长度不一致,请重新输入!");
resetConfirmPwd();
return;
}else if(newPwd != confirmPwd) {
alert("两次输入的密码不一致,请重新输入!");
resetConfirmPwd();
return ;
    }else{
alert("密码修改成功!");
window.returnValue=newPwd;
window.close();
}
}
function resetConfirmPwd(){
document.all.newPwd.value="";
document.all.confirmPwd.value="" ;
}
</script>
</head>
<body bgcolor ="#f0f0f0" >
<table width ="100%" border ="0" cellpadding ="0" cellspacing ="0">
   <td>
     <td colspan ="3" align ="right" >   </td>
   </tr>
   <tr>
       <td>   </td>
     <td width ="100" align ="right" style ="border:1px solid #CCCCCC; font-size:12px;"> 请输入新密码</td>
     <td width ="120" ><input name ="newPwd" type ="password" id ="newPwd" maxlength ="6" style ="width:135px" ></td>
     <td>   </td>
   </tr>
   <tr>
       <td>   </td>
     <td width ="100" align ="right" style ="border:1px solid #CCCCCC; font-size:12px;"> 请确认新密码： </td>
     <td width ="120">   <input name ="confirmPwd" type ="password" id ="confirmPwd" maxlength ="6" style ="width:135px"></td>
     <td>   </td>
   </tr>
</table>
<table width ="100%" height ="60" border ="0" cellpadding ="0" cellspacing ="0">
   <tr align ="center">
     <td>   </td>
     <td width ="65">   <input name ="ok" type ="button" class ="btn_70" id ="ok" value ="确定" onClick ="modifyPwd()"></td>
     <td width ="15">   </td>
     <td width ="65">   <input name ="reset" type ="button" class ="btn_70" id ="reset" value ="重置" onClick ="resetConfirmPwd()"></td>
     <td width ="15">   </td>
     <td width ="65">   <input name ="close" type ="button" class ="btn_70" id ="close" value ="关闭" onClick ="window.close()">   </td>
     <td>   </td>
   </tr>
</table>
</body>
</html>