<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset={$CONFIG[charset]}" />
<title>注册_{$SYSTEM[sitename]}</title>
	<link href="{IMG_URL}templates/{TEMPLATE}/css/style.css" type="text/css" rel="stylesheet" rev="stylesheet" media="screen"  />
	<link href="{IMG_URL}templates/{TEMPLATE}/css/content.css" type="text/css" rel="stylesheet" rev="stylesheet" media="screen"  />
	<!--[if IE 6]> 
		<link href="{IMG_URL}templates/{TEMPLATE}/css/ie6.css" type="text/css" rel="stylesheet" rev="stylesheet" media="screen"  />
	<![endif]-->
	<script type="text/javascript" src="{IMG_URL}js/config.js"></script>
	<script type="text/javascript" src="{IMG_URL}js/lib/jquery.js"></script>
	<script type="text/javascript" src="{IMG_URL}js/lib/jquery.form.js"></script>
	<script type="text/javascript" src="{IMG_URL}js/lib/cmstop.validator.js"></script>
<script type="text/javascript">
$.validate.setConfigs({
	xmlPath:'apps/member/validators/'
});
$(document).ready(function() {
	$('#member_registerForm').validate({
		infoHandler:function(jq,message,type){
			if(type == 'error') {
				jq.siblings('.tipinfo').hide();
				jq.siblings('.warn').html(message).show();
			}
		}
	});
	
	$("#member_registerForm input").focus(function() {
		$(this).siblings('.warn').hide();
		$(this).siblings('.tipinfo').show();
	});
});
</script>
</head>
<body>
<!--{template 'system/header.html'}-->
<div class="hr-h10"></div>
<div class="column">
	<div class="member-wrap w-720 bor-ccc">
		<div class="member-title">
			<h2>会员注册</h2> 
			 <span class="cor-666"> 您是新用户？请赶快注册吧 </span>
		</div>
		<div>
		<form action="{url('member/index/register')}" method="POST"  name="member_registerForm" id="member_registerForm" >
			<ul class="formFormat member-form">
				<li><span class="info f-l"><label for="reg_username">用户名：</label></span>
				<input name="username" id="reg_username" type="text" value="{$login_info['username']}" maxlength="16" class="input-text age f-l input-w160" />
				<span class="tipinfo">3-16字，可由中文,字母,数字及"_"组成</span>
				<span class="warn" style="display:none;"></span>
				</li>
				<li><span class="info f-l"><label for="reg_password">密码：</label></span>
				<input name="password" id="reg_password" type="password" value="" maxlength="32" class="input-text age f-l input-w160" />
				<span class="tipinfo">字符长度在6到16个字符之间</span>
				<span class="warn" style="display:none;"></span>
				</li>
				<li><span class="info f-l"><label for="reg_password_check">确认密码：</label></span>
				<input name="password_check" id="reg_password_check" type="password" value="" maxlength="32" class="input-text age f-l input-w160" />
				<span class="warn" style="display:none;"></span>
				</li>
				<li><span class="info f-l"><label for="reg_email">邮箱：</label></span>
				<input name="email" id="reg_email" type="text" value="{$login_info['email']}" class="input-text age f-l input-w160" />
				<span class="warn" style="display:none;"></span>
				</li>
				<li><span class="info f-l"><label for="login_seccode">验证码：</label></span>
				<input name="seccode" id="login_seccode" type="text" value="" maxlength="4" class="input-text age f-l input-w160 member-yzm" />  
				<img src="{url('system/seccode/image')}" id="seccodeimg" onclick="this.src='{url('system/seccode/image')}&id='+Math.random()*5;" style="cursor:pointer;" align="absmiddle" class="img_mar"/>
				<a  href="javascript:;" onclick="$('#seccodeimg').click()" class="ch-yzm">换一张</a>
				<span class="warn" style="display:none;"></span>
				</li>
				<li class="align-member cor-666">
				<input type="submit" class="btn" value="同意协议，提交注册申请" />
				<a href="{url('member/index/login')}" class="ch-yzm" style="color: #06c; ">已注册登录</a>
				</li>
				<li>
					<div class="readme bor-ccc padd-10">
						<!-- 服务条款 -->
						{$SETTING[agreement]}
					</div>
				</li>
			</ul>
		</form>
		</div>
	</div>
</div>
<div class="hr-h10"></div>
<!--{template 'system/footer.html'}-->