最近一直在忙,不过忙得很充实,学到了很多东西,准备一点一点整理.
这个密码验证很简单,作为一个独立的控件,可以拿来直接用^+^
pwd.html
这个密码验证很简单,作为一个独立的控件,可以拿来直接用^+^
pwd.html
<! DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN" >
< HTML >
< HEAD >
< TITLE > 密码修改 </ TITLE >
</ HEAD >
< script language ="javascript" >
// 密码修改
function CheckUpdatePwd(text){
if ( ! confirm( " 确认修改密码? " ))
return ;
var newpwd = window.showModalDialog('confirmpwd.htm', "" , " dialogWidth: 280px; dialogHeight: 150px; help: no; status: no " );
if (newpwd == "" || newpwd == null ) {
alert( " 密码没有修改! " );
return true ;
} else {;
text.value = newpwd;
return ;
}
}
</ script >
< BODY >
< table id ="pwdTable" width ="100%" height ="100%" border ="0" cellspacing ="2" cellpadding ="0" >
< tr >
< td align ="right" width ="75" > 客户密码： </ td >
< td > < input type ="password" datafld ="cust_pwd" name ="cust_pwd" style ="border:1px solid #CCCCCC; font-size:12px; background-color:#FFFFFF; width:135px" onFocus ="CheckUpdatePwd(this)" maxlength ="6" >
< font color ="#FF0000" > ＊ </ font > </ td >
</ tr >
</ table >
</ BODY >
</ HTML >
confirmpwd.htm< HTML >
< HEAD >
< TITLE > 密码修改 </ TITLE >
</ HEAD >
< script language ="javascript" >
// 密码修改
function CheckUpdatePwd(text){
if ( ! confirm( " 确认修改密码? " ))
return ;
var newpwd = window.showModalDialog('confirmpwd.htm', "" , " dialogWidth: 280px; dialogHeight: 150px; help: no; status: no " );
if (newpwd == "" || newpwd == null ) {
alert( " 密码没有修改! " );
return true ;
} else {;
text.value = newpwd;
return ;
}
}
</ script >
< BODY >
< table id ="pwdTable" width ="100%" height ="100%" border ="0" cellspacing ="2" cellpadding ="0" >
< tr >
< td align ="right" width ="75" > 客户密码： </ td >
< td > < input type ="password" datafld ="cust_pwd" name ="cust_pwd" style ="border:1px solid #CCCCCC; font-size:12px; background-color:#FFFFFF; width:135px" onFocus ="CheckUpdatePwd(this)" maxlength ="6" >
< font color ="#FF0000" > ＊ </ font > </ td >
</ tr >
</ table >
</ BODY >
</ 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" >
< tr >
< 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 >
本文转自BlogJavaOo缘来是你oO的博客，原文链接：
简单的密码验证控件，如需转载请自行联系原博主。
< 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" >
< tr >
< 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 >
