<!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 content="text/html; charset=utf-8" http-equiv="Content-Type" />
<title>{%$lngpack.sitename%}</title>
<meta name="keywords" content="{%$lngpack.keyword%}" />
<meta name="description" content="{%$lngpack.description%}" />
<script type="text/javascript" src="{%$rootdir%}js/jquery.js"></script>
<script type="text/javascript" src="{%$rootdir%}js/basicrun.js"></script>
<script type="text/javascript" src="{%$rootdir%}js/jquery.Slide.js"></script>
<script type="text/javascript" src="{%$rootdir%}espcms_includes/js/espcms_dialog.js"></script>
<script type="text/javascript" src="{%$rootdir%}espcms_includes/js/espcms_formvalidation.js"></script>
<link href="{%$rootpath%}css/espcms_public.css" rel="stylesheet" type="text/css" />
<link href="{%$rootpath%}css/espcms_v5div.css" rel="stylesheet" type="text/css" />
<link href="{%$rootpath%}css/espcms_page.css" rel="stylesheet" type="text/css" />
<script type="text/javascript">
	$(window).load(function() {
		$("#clickmenubotton li span").hover(function() {
			$(this).addClass("menuhover");
			$(this).parent().find("ul.subnav").slideDown('fast').show();
			$(this).parent().hover(function() {
			}, function() {
				$(this).parent().find("ul.subnav").fadeOut('fast');
				$(this).parent().find("span").removeClass("menuhover");
			});
		});

		$("#memberreg").espcms_formvalidation({
			focusName: "#username",
			verifyURL: "{%$mlink.verify%}",
			verifyField: "username,email,mobile"

		});
		$('.dialog_link').espcms_dig();
	});
</script>

</head>

<body>
{%link file="public/head.html"%}
<div class="espcms_page_bannpic"><img src="{%$rootpath%}images/bann/type_pic.jpg"/></div>

<div class="espcms_page">
	<form name="memberreg" id="memberreg" method="post" action="{%$mlink.regsave%}">
	<input type="hidden" name="tokenname" value="{%$tokenkey.token_name%}"/>
	<input type="hidden" name="tokenkey" value="{%$tokenkey.token_key%}"/>
	<div class="espcms_member_login_center espcms_formwidth_c">
		<div class="title mb20"><div class="messageicon"></div><div class="messtitle">会员注册</div></div>
		<div class="espcms_form_group">
			<label for="title" class="control_label16">用户名</label>
			<div class="control_required20">
				<input type="text" name="username" id="username" class="col5 infoInput" data-validation="^[\w]{2,50}$"  placeholder="请输入1-16个英文或数字组成的字符,首字必须为英文字符" title="请输入1-16个英文或数字组成的字符,首字必须为英文字符" data-validation-msg="抱歉：用户名输入错误，请重新输入！"  validation-warning="抱歉：用户名已存在" />
			</div>
		</div>
		<div class="espcms_form_group">
			<label for="title" class="control_label16">E-mail</label>
			<div class="control_required20">
				<input type="text" name="email" id="email" class="col5 infoInput" data-validation="^\w+((-\w+)|(\.\w+))*\@[A-Za-z0-9]+((\.|-)[A-Za-z0-9]+)*\.[A-Za-z0-9]+$"  placeholder="请输入E-mail" title="请输入E-mail" data-validation-msg="抱歉：E-mail输入错误，请重新输入！" validation-warning="抱歉：E-mail已存在" />
			</div>
		</div>
		<div class="espcms_form_group">
			<label for="title" class="control_label16">手机号</label>
			<div class="control_required20">
				<input type="text" name="mobile" id="mobile" class="col5 infoInput" data-validation="^1[\d]{10}$"  placeholder="请输入11位手机号" title="请输入11位手机号" data-validation-msg="抱歉：手机号输入错误，请重新输入！" validation-warning="抱歉：手机号已存在"/>
			</div>
		</div>
		<div class="espcms_form_group">
			<label for="title" class="control_label16">密码</label>
			<div class="control_required20">
				<input type="password" name="password"  class="col5 infoInput" id="password" maxlength="30" placeholder="请输入登陆密码" title="请输入登陆密码" password-rank="2" password-rank-msg="密码太简单，请换一个试试" data-validation-minlength="6" data-validation-maxlength="30" data-validation-msg="抱歉：密码输入错误，请返回重新输入" />
			</div>
		</div>
		<div class="espcms_form_group">
			<label for="title" class="control_label16">确认密码</label>
			<div class="control_required20">
				<input type="password" name="validation_password"  class="col5 infoInput"  id="validation_password" maxlength="30" placeholder="请输入登陆确认密码" title="请输入登陆确认密码" password-validation-field="password" data-password-validation-msg="两次密码不一样，请重新输入！" data-validation-minlength="6" data-validation-maxlength="30" data-validation-msg="抱歉：确认密码输入错误，请返回重新输入！" />
			</div>
		</div>
		{%if count($att_array) > 0%}
			{%forlist from=$att_array key=i%}
				{%if $att_array[i].inputtype=='string' || $att_array[i].inputtype=='int' || $att_array[i].inputtype=='float' || $att_array[i].inputtype=='decimal'%}
				<div class="espcms_form_group {%$att_array[i].attrname%}">
					<label class="control_label16">{%$att_array[i].typename%}</label>
					<div class="control_required20">
						<input type="text" name="{%$att_array[i].attrname%}" class="infoInput" id="{%$att_array[i].attrname%}" placeholder="{%$att_array[i].typeremark%}" title="{%$att_array[i].typeremark%}" {%if $att_array[i].isvalidate==1%} data-validation="{%$att_array[i].validatetext%}"{%/if%} data-validation-msg="{%$att_array[i].validate_str%}" />
					</div>
				</div>
				{%/if%}
				{%if $att_array[i].inputtype=='text' || $att_array[i].inputtype=='htmltext'%}
				<div class="espcms_form_group {%$att_array[i].attrname%}">
					<label class="control_label16">{%$att_array[i].typename%}</label>
					<div class="control_required20">
						<textarea name="{%$att_array[i].attrname%}" class="infoInput" style="width:100%;height:{%$att_array[i].attrrow%}px" id="{%$att_array[i].attrname%}" placeholder="{%$att_array[i].typeremark%}" title="{%$att_array[i].typeremark%}" {%if $att_array[i].isvalidate==1%} data-validation="{%$att_array[i].validatetext%}"{%/if%} data-validation-msg="{%$att_array[i].validate_str%}"></textarea>
					</div>
				</div>
				{%/if%}
				{%if $att_array[i].inputtype=='addon' || $att_array[i].inputtype=='img'%}
				<div class="espcms_form_group {%$att_array[i].attrname%}">
					<label class="control_label16">{%$att_array[i].typename%}</label>
					<div class="control_required20">
						<div class="input-group">
							<input type="text" name="{%$att_array[i].attrname%}" class="infoInput" id="{%$att_array[i].attrname%}" placeholder="{%$att_array[i].typeremark%}" title="{%$att_array[i].typeremark%}" data-display-type="top" {%if $att_array[i].isvalidate==1%} data-validation="{%$att_array[i].validatetext%}"{%/if%} data-validation-msg="{%$att_array[i].validate_str%}" />
							<span class="input-group-btn">
								<a data-w="500px" data-h="300px" data-url="{%$att_array[i].uploadlink%}" data-title="上传文件" class="btn btn-green dialog_link">上传文件</a>
							</span>
						</div>
					</div>
				</div>
				{%/if%}
				{%if $att_array[i].inputtype=='datetime' || $att_array[i].inputtype=='date'%}
				<div class="espcms_form_group {%$att_array[i].attrname%}">
					<label class="control_label16">{%$att_array[i].typename%}</label>
					<div class="control_required20">
						<input type="text" name="{%$att_array[i].attrname%}" class="infoInput {%$att_array[i].inputtype%}" id="{%$att_array[i].attrname%}" placeholder="{%$att_array[i].typeremark%}" title="{%$att_array[i].typeremark%}" {%if $att_array[i].isvalidate==1%} data-validation="{%$att_array[i].validatetext%}"{%/if%} data-validation-msg="{%$att_array[i].validate_str%}"/>
					</div>
				</div>
				{%/if%}
				{%if $att_array[i].inputtype=='select'%}
				<div class="espcms_form_group {%$att_array[i].attrname%}">
					<label class="control_label16">{%$att_array[i].typename%}</label>
					<div class="control_required20">
						<select class="selectpicker infoInput" name="{%$att_array[i].attrname%}" id="{%$att_array[i].attrname%}" data-size="8" {%if $att_array[i].isvalidate==1%}data-validation="{%$att_array[i].validatetext%}"{%/if%} data-validation-msg="{%$att_array[i].validate_str%}" title="{%pack:public_pack-espcms_select_title%}{%$att_array[i].typename%}">
							{%forlist from=$att_array[i].attrvalue key=ii%}
							<option value="{%$att_array[i].attrvalue[ii].name%}" {%$att_array[i].attrvalue[ii].selected%}>{%$att_array[i].attrvalue[ii].name%}</option>
							{%/forlist%}
						</select>
					</div>
				</div>
				{%/if%}
				{%if $att_array[i].inputtype=='radio'%}
				<div class="espcms_form_group {%$att_array[i].attrname%}">
					<label class="control_label16">{%$att_array[i].typename%}</label>
					<div class="control_required20 pt6">
						{%forlist from=$att_array[i].attrvalue key=ii%}
						<input type="radio" name="{%$att_array[i].attrname%}" value="{%$att_array[i].attrvalue[ii].name%}" {%if $att_array[i].attrvalue[ii].selected=='selected'%}checked{%/if%}/><span class="pr10">{%$att_array[i].attrvalue[ii].name%}</span>
						{%/forlist%}
					</div>
				</div>
				{%/if%}
				{%if $att_array[i].inputtype=='checkbox'%}
				<div class="espcms_form_group {%$att_array[i].attrname%}">
					<label class="control_label16">{%$att_array[i].typename%}</label>
					<div class="control_required20 pt6">
						{%forlist from=$att_array[i].attrvalue key=ii%}
						<input type="checkbox" name="{%$att_array[i].attrname%}[]" value="{%$att_array[i].attrvalue[ii].name%}" {%if $att_array[i].attrvalue[ii].selected=='selected'%}checked{%/if%}/><span class="pr10">{%$att_array[i].attrvalue[ii].name%}</span>
						{%/forlist%}
					</div>
				</div>
				{%/if%}

			{%/forlist%}
		{%/if%}
		{%if $member_con.MEMBER_REG_VERIFY%}
		<div class="espcms_form_group">
			<label for="title" class="control_label16">验证码</label>
			<div class="control_required20">
				<input type="text" id="seccode" name="seccode" class="infoInput" maxlength="4" size="5" style="text-transform: uppercase;"/>
				<img title="点击更换验证码" id="memberseccodesrc" onclick="sessionimg('memberseccodesrc','{%$rootdir%}')" src="{%$seccodelink%}" style="cursor: pointer;height:28px;margin-left:5px;" align="absmiddle"/>
			</div>
		</div>
		{%/if%}
		<div class="espcms_form_group">
			<label class="control_label16"> </label>
			<div class="control_required20"><input type="checkbox" name="agree" id="agree" value="1" /> <a target="_blank" href="{%$reglink%}" title="您是否同意服务条款">同意服务条款（先看看条款？）</a></div>
		</div>
		<div class="espcms_form_group">
			<label class="control_label16"> </label>
			<div class="control_required20">
				<input type="submit" id="submit" class="button blue2" value="确定注册"/>
			</div>
		</div>
	</div>
	</form>
</div>
{%link file="public/footer.html"%}
</body>
</html>
