<%@ page language="java" pageEncoding="UTF-8"%>
<%@ taglib uri="http://jakarta.apache.org/struts/tags-bean" prefix="bean"%>
<%@ taglib uri="http://jakarta.apache.org/struts/tags-html" prefix="html"%>
<%@ include file="/include/header.jsp"%>

<table border="0" align="left" width="1000px" cellpadding="0" cellspacing="0" height="600px">
	<tr>
		<td width="180px" align="left" rowSpan="2" class="BackLeftBackground" valign="top">
			<jsp:include flush="true" page="/frame/jsp/manage-left.jsp" /></td>
		<td align="center" width="820px" valign="top" height="20px">
			<jsp:include flush="true" page="/frame/jsp/manage-head.html" /></td></tr>
	<tr height="565px">
		<td align="center" valign="top" class="BackRightBackground">
			<br>
	<html:form action="/updatePassword.do?method=savePassword" styleId="updatePasswordForm" onsubmit="return checkPwd();">
		<table width="90%" border="0" align="center" class="TableBack">
		<th colspan="3" align="left">
			修改密碼</th>
		  <tr>
			<td colspan="3">
				<br>
				<table width="100%" align="center" class="TableBack">
					<tr>
						<td width="40%" align="right">
							原密碼&nbsp;:&nbsp;</td>
						<td width="60%" class="Key">
							<html:password property="oripassWord" styleId="oripassWord"/>&nbsp;*
							<span id="oripassWordError">
							<html:errors property="oripassWord" /></span></td>
					</tr>
					<tr>
            			<td height="23" align="right">
            				新密碼&nbsp;:&nbsp;</td>
						<td class="Key">
							<html:password property="passWord" styleId="passWord"/>&nbsp;*
							<span id="passwordError">
								<html:errors property="passWord" /></span>(密碼長度必須在6~12位之間)</td>
					</tr>
					<tr>
						<td align="right">
							確認新密碼&nbsp;:&nbsp;</td>
          				<td class="Key">
          					<html:password property="affirmnewpass" styleId="affirmnewpass"/>&nbsp;*
							<span id="affirmnewpassError">
								<html:errors property="affirmnewpass" /></span></td>
					</tr>
				</table>
			</td>
		  </tr>
		  <tr><td colspan="3">&nbsp;</td></tr>
		  <tr>
			<td class="tborder"></td>
			<td align="center">
				<input type="submit" value="保存">&nbsp;&nbsp;
				<input type="button" name="back" value="返回" onclick="formSubmit('updatePasswordForm', 'module/user/updatePassword.do?method=back');"></td>
			<td class="tborder"></td>
		  </tr>
		  <tr><td colspan="3" class="tborder"></td></tr>
		</table>
	</html:form></td></tr></table>
	<script type="text/javascript">
	<!--
		//update password
		function checkPwd(){
			var oripassWord=document.getElementById("oripassWord");
			var password=document.getElementById("passWord");
			var affirmPassword=document.getElementById("affirmnewpass");
			var oripassWordErrorE = document.getElementById("oripassWordError");
			var passwordErrorE = document.getElementById("passwordError");
			var affirmnewpassErrorE = document.getElementById("affirmnewpassError");
			
			if(password.value != "" && affirmPassword.value != "" ){				
				if(password.value != affirmPassword.value){
					passwordErrorE.innerHTML="<font color=\"red\">兩次輸入密碼不一致</font>";
					affirmnewpassErrorE.innerHTML="";
					if(oripassWord.value != ""){
						oripassWordErrorE.innerHTML="";
					}else {
						oripassWordErrorE.innerHTML="<font color=\"red\">不能為空</font>";
					}
					return false;
				}
			}					
			return true;
		}
	//-->
	</script>

<%@ include file="/include/footer.jsp"%>