简单的密码验证控件

来源:互联网 发布:js 设置div id 编辑:程序博客网 时间:2024/05/21 05:43

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

<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" > &nbsp; </td> 
   </tr> 
   <tr> 
       <td> &nbsp; </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> &nbsp; </td> 
   </tr> 
   <tr> 
       <td> &nbsp; </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> &nbsp; </td> 
   </tr> 
</table> 
<table  width ="100%"  height ="60"  border ="0"  cellpadding ="0"  cellspacing ="0"> 
   <tr align ="center"> 
     <td> &nbsp; </td> 
     <td width ="65">   <input  name ="ok"  type ="button"  class ="btn_70"  id ="ok"  value ="确 定"  onClick ="modifyPwd()"></td> 
     <td  width ="15"> &nbsp; </td> 
     <td  width ="65">   <input  name ="reset"  type ="button"  class ="btn_70"  id ="reset"  value ="重 置"  onClick ="resetConfirmPwd()"></td> 
     <td  width ="15"> &nbsp; </td> 
     <td  width ="65">   <input name ="close"  type ="button"  class ="btn_70"  id ="close"  value ="关 闭"  onClick ="window.close()">   </td> 
     <td> &nbsp; </td> 
   </tr> 
</table> 
</body>
</html>