{T "content","head",TPLID}
<div class="container login">
    <div class="verticalcenter">
        <div class="row">
            <div class="span7 rightline">
            <form action="" method="post" name="form-register" class="form-horizontal">
        		{if $setting['invite']}
                <div class="form-group">
                    <label class="control-label">邀请码</label>
                    <div class="col-sm-8">
                        <input type="text" name="invite" class="form-control" placeholder="请输入邀请码" datatype="/^[a-z0-9]{8}$/i" errormsg="请输入正确的邀请码" sucmsg="OK" ajaxurl="index.php?m=member&f=index&v=public_check_invite">
                        <span class="Validform_wrong">请输入邀请码</span>
                    </div>
                </div>
          		{/if}
          		<div class="form-group">
					<label class="control-label">用户名</label>
            		<div class="col-sm-8">
                		<input type="text" name="username" class="form-control" placeholder="请输入用户名" datatype="/^[a-z0-9\u4E00-\u9FA5\uf900-\ufa2d\-]{3,20}$/i" errormsg="手机号、字母、汉字" sucmsg="OK" ajaxurl="index.php?m=member&f=index&v=public_check_user">
                		<span class="Validform_wrong">用户名应该为2-20位之间</span>
            		</div>
        		</div>
                <div class="form-group">
                    <label class="control-label">邮箱</label>
                    <div class="col-sm-8">
                        <input type="text" name="email" class="form-control" placeholder="请输入Email" datatype="e" errormsg="请输入正确的Email" sucmsg="OK" ajaxurl="index.php?m=member&f=index&v=public_check_email">
                    	<span class="Validform_wrong">请输入Email</span>
                    </div>
                </div>

          		{if $setting['checkmobile']}
                <div class="form-group">
                    <label class="control-label">手机号</label>
                    <div class="col-sm-8">
                        <input type="text" name="mobile" class="form-control" placeholder="请输入手机号码" datatype="m" errormsg="请输入正确的手机号码" sucmsg="OK" ajaxurl="index.php?m=member&f=index&v=public_check_mobile">
                    	<span class="Validform_wrong">请输入手机号码</span>
                    </div>
                </div>
          		{/if}
                <div class="form-group">
                    <label class="control-label">密码</label>
                    <div class="col-sm-8">
                        <input type="password" name="password" class="form-control" placeholder="请输入密码" datatype="*" errormsg="请输入密码" sucmsg="OK">
                    	<span class="Validform_wrong">请输入密码</span>
                    </div>
                </div>
                <div class="form-group">
                    <label class="control-label">确认密码</label>
                    <div class="col-sm-8">
                        <input type="password" name="pwdconfirm" class="form-control" placeholder="请确认密码" datatype="*" recheck="password" errormsg="您两次输入的账号密码不一致！" sucmsg="OK" >
                    	<span class="Validform_wrong">请再次输入密码</span>
                    </div>
                </div>
                <div class="form-group">
                    <label class="control-label">验证码</label>
                    <div class="col-sm-8">
                        <input type="text" name="checkcode" class="form-control" id="Verificationcode" placeholder="请输入验证码" datatype="*4-4"	errormsg="请输入验证码" sucmsg="输入正确" onfocus="if($('#code_img').attr('src') == '{R}images/logincode.gif')$('#code_img').attr('src', '{WEBURL}index.php?m=core&f=identifying_code&w=112&h=40&rd='+Math.random());" />
                        <img src="{R}images/logincode.gif" id="code_img" alt="点击刷新"	onclick="$(this).attr('src', '{WEBURL}index.php?m=core&f=identifying_code&w=112&h=40&rd='+Math.random());">
                    	<span class="Validform_wrong">请输入验证码</span>
                    </div>
                </div>
                <div class="form-group">
                    <label class="control-label footer"></label>
                    <input type="checkbox" name="protocol" value="1" class="checkbox" checked="" /> 我已阅读并同意<a href="javascript:showProtocol();" target="_blank">《网站使用协议》</a>
                </div>
                <div class="form-group">
                    <label class="control-label"></label>
                    <input type="submit" name="submit" class="btn btn-login" value="注册" />
                </div>
          </form>
            </div>
            <div class="span5">
                <div class="connectwebsite">
                    <h6>使用合作网站登录</h6>
                    <ul>
                        {if $this->setting['qq_appid']}<li><a href="index.php?m=member&f=index&v=auth&type=qq"><img src="{R}images/qqlogin.png" alt="使用QQ帐号登录" title="使用QQ帐号登录"></a></li>{/if}
						{if isset($this->setting['sina_key'])}<li><a href="{WEBURL}index.php?m=member&f=index&v=auth&type=sina"><img src="{R}images/weibologin.png" alt="使用微博帐号登录" title="使用微博帐号登录"></a></li>{/if}
						{if isset($this->setting['baidu_key'])}<li><a href="{WEBURL}index.php?m=member&f=index&v=auth&type=baidu"><img src="{R}images/baidulogin.png" alt="使用百度帐号登录" title="使用百度帐号登录"></a></li>{/if}
						<li><a href="#"><img src="{R}images/alipaylogin.png" alt="使用支付宝帐号登录" title="使用支付宝帐号登录"></a></li>
						<li><a href="#"><img src="{R}images/weichatlogin.png" alt="使用微信帐号登录" title="使用微信帐号登录"></a></li>
					</ul>
                </div>
            </div>
        </div>
    </div>
</div>
<link rel="stylesheet" href="{R}js/dialog/ui-dialog.css" />
<div id="protocol" class="ui-popup ui-popup-modal ui-popup-show ui-popup-focus hide" style="position: fixed; z-index: 100; left: 10%; top: 10%;">
	<div class="ui-dialog">
		<div class="ui-dialog-header">
			<button class="ui-dialog-close" onclick="$('#protocol').hide()">×</button>
			<div class="ui-dialog-title">注册协议</div>
		</div>
		<p style="margin:20px;"><?php echo nl2br($this->setting['protocol'])?></p>
	</div>
</div>
<link href="{R}css/validform.css" rel="stylesheet">
<script src="{R}js/validform.min.js"></script>
<script type="text/javascript">
$(function(){
	$(".form-horizontal").Validform({
		tiptype:function(msg,o,cssctl){
			var objtip=o.obj.siblings("span");
			cssctl(objtip,o.type);
			objtip.text(msg);
		}
	});
});
//	注册协议 先简单alert一下 后期统一UI处理
function showProtocol() {
	var width = $(window).width();
	var height = $(window).height();
	$('#protocol > div').css({ width:(width*0.8)+'px', height:(height*0.8)+'px', overflow:'auto' });
	$('#protocol').show();
}
</script>
{T "content","foot",TPLID}