马嘉?/font> 2007q???br />
新年W一！希望新的一q大家和我一样天天开?j)，能多学点东西Q多多赚钱^-^
在用户遇到需要输入密码的面时候，密码中是否有大写字母Q大写键QCaps LockQ是否打开Q如果能l用户以提示Q岂不是更好Q?br />
下面的示例代码给Z(jin)Ҏ(gu)Q必要的说明代码当中都有注释?br />问中知识点：(x)event.keyCode ?event.shiftKey
如果有不对，不明白地Ҏ(gu)者有更好的徏议，请告诉我Q谢谢^+^
HTML面代码
<!
DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"
>
< HTML >
< HEAD >
< TITLE > Detect Caps Lock </ TITLE >
< script >
function detectCapsLock(e){
valueCapsLock = e.keyCode ? e.keyCode:e.which; // Caps Lock 是否打开
valueShift = e.shiftKey ? e.shiftKey:((valueCapsLock == 16 ) ? true : false ); // shift键是否按?br />
if (((valueCapsLock >= 65 && valueCapsLock <= 90 ) && ! valueShift) // Caps Lock 打开Qƈ且 shift键没有按?/span>
|| ((valueCapsLock >= 97 && valueCapsLock <= 122 ) && valueShift)) // Caps Lock 打开Qƈ且按住 shift?/span>
document.getElementById('capStatus').style.visibility = 'visible';
else
document.getElementById('capStatus').style.visibility = 'hidden';
/*
javascript中keyCode代码对应?br /> event.keyCode=32 I格
event.keyCode=13 回R
event.keyCode=27 Esc
event.keyCode=16) Shift
event.keyCode=17) Ctrl
event.keyCode=18) Alt
*/
}
</ script >
</ HEAD >
< BODY >
< input type ="password" name ="pwd" onkeypress ="detectCapsLock(event)" />
< div id ="capStatus" style ="visibility:hidden" >< font color =red > Caps Lock is on. < font ></ div >
</ BODY >
</ HTML >
< HTML >
< HEAD >
< TITLE > Detect Caps Lock </ TITLE >
< script >
function detectCapsLock(e){
valueCapsLock = e.keyCode ? e.keyCode:e.which; // Caps Lock 是否打开
valueShift = e.shiftKey ? e.shiftKey:((valueCapsLock == 16 ) ? true : false ); // shift键是否按?br />
if (((valueCapsLock >= 65 && valueCapsLock <= 90 ) && ! valueShift) // Caps Lock 打开Qƈ且 shift键没有按?/span>
|| ((valueCapsLock >= 97 && valueCapsLock <= 122 ) && valueShift)) // Caps Lock 打开Qƈ且按住 shift?/span>
document.getElementById('capStatus').style.visibility = 'visible';
else
document.getElementById('capStatus').style.visibility = 'hidden';
/*
javascript中keyCode代码对应?br /> event.keyCode=32 I格
event.keyCode=13 回R
event.keyCode=27 Esc
event.keyCode=16) Shift
event.keyCode=17) Ctrl
event.keyCode=18) Alt
*/
}
</ script >
</ HEAD >
< BODY >
< input type ="password" name ="pwd" onkeypress ="detectCapsLock(event)" />
< div id ="capStatus" style ="visibility:hidden" >< font color =red > Caps Lock is on. < font ></ div >
</ BODY >
</ HTML >
]]>
马嘉?/font> 2006-12-07
最q一直在?不过忙得很充?学到?jin)很多东?准备一点一Ҏ(gu)?
q个密码验证很简?作ؓ(f)一个独立的控g,可以拿来直接用^+^
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" > 客户密码Q?/span> </ 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" > Q?/span> </ font > </ td >
</ tr >
</ table >
</ BODY >
</ HTML >
< 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" > 客户密码Q?/span> </ 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" > Q?/span> </ font > </ td >
</ tr >
</ table >
</ BODY >
</ HTML >
confirmpwd.htm
<
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;" > 误入新密码Q?/span> </ 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;" > L(fng)认新密码Q?/span> </ 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 >
< 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;" > 误入新密码Q?/span> </ 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;" > L(fng)认新密码Q?/span> </ 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 >
]]>
]]>
]]>