!{header.html}
<!--main-->
<div id="homeMain">
	<div class="contentPage">
		<div class="contentMain">
			<div class="crumb">@{sys:crumb}</div>
			<div class="clear"></div>
			<h3 class="tableTitle">@{text:MemberRegister}</h3>
			<form id="FORM_MEMBER_REGISTER" action="asp/register.asp" method="post">
			<table class="memberTable">
				<tr>
					<th>@{text:MemberID}</th>
					<td><input type="text" name="memberid" id="register_memberid" class="memberfield" onkeyup="this.value=this.value.replace(/[^\w]+?/g,'')" maxlength="20"/><span>*</span><span id="testDuplic" style="color:red;"></span>@{text:MemberIDTips}</td>
				</tr>
				<tr>
					<th>@{text:Name}</th>
					<td><input type="text" name="name" class="memberfield"/><span>*</span></td>
				</tr>
				<tr>
					<th>@{text:Sex}</th>
					<td><input type="radio" name="sex" value="Mr" checked="checked"/>@{text:Mr}&nbsp;&nbsp;&nbsp;<input type="radio" name="sex" value="Miss"/>@{text:Miss}</td>
				</tr>
				<tr>
					<th>@{text:Password}</th>
					<td><input type="password" id="password" name="password" class="memberfield"/><span>*</span></td>
				</tr>
				<tr>
					<th>@{text:PasswordAgain}</th>
					<td><input type="password" id="repassword" name="repassword" class="memberfield"/><span>*</span></td>
				</tr>
				<tr>
					<th>Email</th>
					<td><input type="text" name="email" class="memberfield"/><span>*</span>&nbsp;@{text:MemberEmailTips}</td>
				</tr>
				<tr>
					<th>@{text:Company}</th>
					<td><input type="text" name="company" class="memberfield"/></td>
				</tr>
				<tr>
					<th>@{text:Telephone}</th>
					<td><input type="text" name="tel" class="memberfield"/></td>
				</tr>
				<tr>
					<th>@{text:MobilePhone}</th>
					<td><input type="text" name="mobile" class="memberfield"/></td>
				</tr>
				<tr>
					<th>@{text:Fax}</th>
					<td><input type="text" name="fax" class="memberfield"/></td>
				</tr>
				<tr>
					<th>@{text:Address}</th>
					<td><input type="text" name="address" class="memberfield"/></td>
				</tr>
				<tr>
					<th>@{text:Zipcode}</th>
					<td><input type="text" name="zipcode" class="memberfield"/></td>
				</tr>
				<tr>
					<th>@{text:Signature}</th>
					<td><input type="text" name="signature" class="memberfield"/></td>
				</tr>
				<tr>
					<th>@{text:CheckCode}</th>
					<td><input type="text" name="checkcode" class="memberfield" id="checkcode"/><span>*</span>&nbsp;<img id="RZ_Checkcode_Img" src="" alt="@{text:CheckCode.Tips}" /></td>
				</tr>
				<tr>
					<td colspan="2" class="buttons"><input type="submit" id="btnSubmit" name="btnSubmit" class="btn" value="@{text:Register}"/></td>
				</tr>
			</table>
			</form>
			<div class="clear"></div>
		</div>
		
		<div class="sideNav">
			<div class="sideBlock">
				<div class="sideTitle">@{text:HotNews}</div>
				<div class="sideContent">
					<ul>
					<!--{List type="article" sort="7" specialid="0" number="8" titlelength="16"}-->
					<li><a href="${url}">${title}</a></li>
					<!--{/List}-->
					</ul>
				</div>
			</div>
			
			
		</div>

	</div>
	<div class="clear"></div>
</div>
<script language="JavaScript">
<!--
$(function(){
	$("#RZ_Checkcode_Img").attr("src","asp/code.asp?t="+(new Date()).getTime());
	$("#RZ_Checkcode_Img").bind("click",function(){$(this).attr("src","asp/code.asp");});
	$("#register_memberid").blur(function(){
		$.ajax({
		  url: RZ_ROOT+"asp/ajaxTest.asp?test=memberid&memberid="+$(this).val(),
		  cache: false,
		  success: function(data){
			  if (data=="false"){
				 $("#testDuplic").text("@{text:Duplicate}");
			  }
			  else
				 $("#testDuplic").text("");
		  }
		}); 
	});
	$("#register_memberid").click(function(){$("#testDuplic").text("");});
	$("#register_memberid").keyup(function(){$("#testDuplic").text("");});
	$("#FORM_MEMBER_REGISTER").validate(
	{ 
		rules: 
		{ 
			"memberid": {required: true,minlength:3},
			"name":{required: true},
			"password":{required: true,minlength:4},
			"repassword":{required: true,minlength:4,equalTo:"#password"},
			"email":{required: true,email:true},
			"checkcode":{required:true}
		},
		messages: 
		{ 
			"memberid":{required:"@{text:Error.Required}",minlength:"@{text:Error.MinLength}3"},
			"name":{required:"@{text:Error.Required}"},
			"password":{required:"@{text:Error.Required}",minlength:"@{text:Error.MinLength}4"},
			"repassword":{required:"@{text:Error.Required}",minlength:"@{text:Error.MinLength}4",equalTo:"@{text:Error.ConfirmPasswordNotSame}"},
			"email":{required:"@{text:Error.Required}",email:"@{text:Error.InvalidEmail}"},
			"checkcode":{required:"@{text:Error.Required}"}
		},
		submitHandler: function(form) {
				$(form).ajaxSubmit({
					 success: function(responseText) {
						if (responseText!=""&&responseText.indexOf("SUCCESS")==0)
						{
							$("#RESULT").text("@{text:RegisterSuccess}");
							$("#FORM_MEMBER_REGISTER input").attr("disabled","disabled");
							if (responseText.length>7)
							{
								var rand = responseText.substring(7);
								var title = "@{text:RegisterSuccess}";
								var content = "<h1>@{text:RegisterSuccess}</h1>";
								content += "<ul>";
								content += "<li>@{text:MemberID}:"+$("input[name='memberid']").val()+"</li>";
								content += "<li>@{text:Name}:"+$("input[name='name']").val()+"</li>";
								content += "<li>Email:"+$("input[name='email']").val()+"</li>";
								content += "<li>@{glb:website_address}</li>";
								content += "</ul>";
								RZ_SendMail(title,rand,content,function(response){location.href="@{sys:AspIndex}?member/index.html";})
							}else{
								location.href="@{sys:AspIndex}?member/index.html";
							}
						}else{
							
							if (responseText=="Duplicate")
							{
								alert("@{text:Duplicate}");
								$("#register_memberid").focus();
							}else{
								alert(responseText);
							}
						}
					 } 
				});
		}
	});
	
});
//-->
</script>
!{footer.html}