<script type="text/javascript" src="include/javascript/calendar.js"></script>
<STYLE type=text/css>
/***** Other Elements in Page Content *****/ .pwd-strength {
padding: 2px;
padding-left: 5px;
padding-right: 5px;
width: 180px;
border: solid 1px #CCCCCC;
}
.pwd-strength-box,
.pwd-strength-box-low,
.pwd-strength-box-med,
.pwd-strength-box-hi
{
color: #464646;
text-align: center;
width: 33%;
}
.pwd-strength-box-low
{
color: #990000;
background-color: #FF0000;
}
.pwd-strength-box-med
{
color: #000066;
background-color: #FF9900;
}
.pwd-strength-box-hi
{
color: #003300;
background-color: #009900;
}
</STYLE>
<SCRIPT language=javascript>
function checkPassword(pwd){
var objLow=document.getElementById("pwdLow");
var objMed=document.getElementById("pwdMed");
var objHi=document.getElementById("pwdHi");
objLow.className="pwd-strength-box";
objMed.className="pwd-strength-box";
objHi.className="pwd-strength-box";
if(pwd.length<6){
objLow.className="pwd-strength-box-low";
}else{
var p1= (pwd.search(/[a-zA-Z]/)!=-1) ? 1 : 0;
var p2= (pwd.search(/[0-9]/)!=-1) ? 1 : 0;
var p3= (pwd.search(/[^A-Za-z0-9_]/)!=-1) ? 1 : 0;
var pa=p1+p2+p3;
if(pa==1){
objLow.className="pwd-strength-box-low";
}else if(pa==2){
objMed.className="pwd-strength-box-med";
}else if(pa==3){
objHi.className="pwd-strength-box-hi";
}
}
}
</SCRIPT>
<input type="password" name="password" size="25" id="password" onBlur="checkpassword()" tabindex="4" />
<input type="password" name="password" size="25" id="password" onBlur="checkpassword()" tabindex="4" onkeyup="checkPassword(this.value);">
<tr>
<th><label for="password2">{lang password_confirm} *</label></th>
<tr>
<td class="altbg1"><span class="bold">密碼安全等級</span></td>
<td colspan="2" class="altbg2"><table class="pwd-strength FCK__ShowTableBorders" cellspacing="0" cellpadding="0" width="100%">
<tbody>
<tr>
<td class="pwd-strength-box" id="pwdLow">低</td>
<td class="pwd-strength-box" id="pwdMed">中</td>
<td class="pwd-strength-box" id="pwdHi">高</td>
</tr>
</tbody>
</table></td>
</tr>
