????????????????????????????????????????簡單的密碼驗證控件
???????????????????????????????????????????????????? 馬嘉楠???2006-12-07
最近一直在忙,不過忙得很充實,學到了很多東西,準備一點一點整理.
這個密碼驗證很簡單,作為一個獨立的控件,可以拿來直接用^+^
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
>
<
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
>
馬嘉楠
jianan.ma@gmail.com
posted on 2006-12-07 11:25
馬嘉楠 閱讀(1020)
評論(0) 編輯 收藏 所屬分類:
SoureCode 、
Java Script