{extend name="default/base" /}
{block name="title"}用户注册 - {__block__}{/block}
{block name="css"}
<link href="__STATIC__/plugins/validator/jquery.validator.css?v={$v}" rel="stylesheet">
<link href="__STYLE__/css/login.css?v={$v}" rel="stylesheet">
{/block}
{block name="nav"}{/block}
{block name="main"}
{php}$registerTypeArr = explode(',',WSTConf('CONF.registerType'));{/php}
	<div class="regist-container">
	<div class="wst-login">
	<div class="wst-login_i">
		<div class="regist">
			<?php $shopName = WSTConf('CONF.shopName'); ?>
			<a href='{$Request.root.true}' title="{$shopName|WSTStripTags}">
	      		<img src="__RESOURCE_PATH__/{:WSTConf('CONF.shopLogo')}" title="{$shopName|WSTStripTags}" alt="{$shopName|WSTStripTags}">
	    	</a>
    	</div>
        <div class="wst-login_r">
            <p class="wst-login-u">注册{php}echo WSTConf('CONF.shopName');{/php}账号</p>
            <div id='tab1' class="wst-tab-box">
                <ul id='goodsTabs1' class="wst-tab-nav" style="text-align: center;margin-bottom:20px;">
                    {if in_array(1,$registerTypeArr)}<li>账号注册</li>{/if}
                    {if in_array(2,$registerTypeArr)}<li>手机注册</li>{/if}
                </ul>
                <div class="wst-tab-content">
                    {if in_array(1,$registerTypeArr)}
                    <div class="wst-tab-item">
                        <form id="reg_form2"  method="post" autocomplete="off" onsubmit="return false;">
                            <div class="wst-table">
                                <div class="wst-input">
                                    <input id="loginName2" name="loginName" class="wst_ipt2 wst-login-input" tabindex="2" maxlength="30" autocomplete="off" onpaste="return false;" style="ime-mode:disabled;" placeholder="6位以上数字、字母或下划线"  type="text" onkeyup="javascript:WST.isChinese(this,1)" data-rule="用户名: required;" data-msg-required="请填写用户名" data-tip="请输入用户名"/>
                                </div>
                                <div class="wst-input">
                                    <input id="loginPwd2" name="loginName" class="wst_ipt2 wst-login-input" tabindex="2" autocomplete="off" onpaste="return false;" style="ime-mode:disabled;" placeholder="密码"  type="password"  data-rule="密码: required;" data-msg-required="请填写密码" data-tip="请输入密码"/>
                                </div>
                                <div class="wst-input">
                                    <input id="reUserPwd2" name="loginName" class="wst_ipt2 wst-login-input" tabindex="3" autocomplete="off" onpaste="return false;" style="ime-mode:disabled;" placeholder="确认密码"  type="password"  data-rule="确认密码: required;" data-msg-required="请填写确认密码" data-tip="请输入确认密码"/>
                                </div>
                                <div class="wst-login-code">
                                    <input id="verifyCode" style="ime-mode:disabled" name="verifyCode"  class="ipt wst-login-codein" tabindex="6" autocomplete="off" maxlength="6" type="text" data-rule="验证码: required;" data-msg-required="请输入验证码" data-tip="请输入验证码" data-target="#verify" placeholder="验证码"/>
                                    <img id='verifyImg' class="wst-login-codeim" src="{:url('home/users/getVerify')}" onclick='javascript:WST.getVerify("#verifyImg")' style="width:148px;height:47px;"><span id="verify" class="verify"></span>
                                </div>
                                <div class="wst-operation">
                                    <input id="protocol2" name="protocol" type="checkbox" class="wst_ipt" value="1" data-rule="checked"/>我已阅读并同意
                                    <a href="javascript:void(0);" style="font-weight: bold;color: #333;" id="protocolInfo" onclick="showProtocol();">《用户注册协议》</a>
                                </div>
                                <div style='margin-top:10px'><input id="reg_butt2" class="wst-login-but" type='submit' onclick='javascript:register()'  value="注册"/></div>
                            </div>
                        </form>
                     </div>
                    {/if}
                    {if in_array(2,$registerTypeArr)}
                    <div class="wst-tab-item">
                        <form id="reg_form"  method="post" autocomplete="off" data-validator-option='{theme:"yellow_right"}'>
                            <div class="wst-table">
                                <div class="wst-input">
                                    <input id="loginName" name="loginName" class="wst_ipt wst-login-input" tabindex="1" maxlength="30" autocomplete="off" onpaste="return false;" style="ime-mode:disabled;" placeholder="手机号"  type="text" onkeyup="javascript:WST.isChinese(this,1)"/>
                                </div>
                                <div class="wst-input">
                                    <input id="loginPwd" name="loginPwd" class="wst_ipt wst-login-input" tabindex="2" style="ime-mode:disabled;" autocomplete="off" type="password" placeholder="密码" data-tip="6-16位字符"/>
                                </div>
                                <div class="wst-input">
                                    <input id="reUserPwd" name="reUserPwd" class="wst_ipt wst-login-input" tabindex="3" autocomplete="off" type="password" placeholder="确认密码" data-tip="6-16位字符"/>
                                </div>
                                <div id="mobileCodeDiv" class="wst-login-code">
                                    <input id="mobileCode" style="ime-mode:disabled" name="mobileCode"  class="wst_ipt wst-login-codein" tabindex="6" autocomplete="off" maxlength="6" type="text" data-target="#mobileCodeTips" placeholder="短信验证码" autocomplete="off"/>
                                    <span id="mobileCodeTips" class="verify"></span>
                                    {if (int)WSTConf('CONF.isAddonCaptcha')!=1}
                                    <button type="button" id="timeTips" onclick="getVerifyCode();" class="wst-regist-obtain" >获取短信验证码</button>
                                    {else}
                                    {:hook('homeDocumentRegistSmsCaptcha')}
                                    {/if}
                                </div>
                                <div class="wst-operation">
                                    <input id="protocol" name="protocol" type="checkbox" class="wst_ipt" value="1" data-rule="checked"/>我已阅读并同意
                                    <a href="javascript:void(0);" style="font-weight: bold;color: #333;" id="protocolInfo" onclick="showProtocol();">《用户注册协议》</a>
                                </div>
                                <div style='margin-top:10px;'><input id="reg_butt" class="wst-login-but" type="submit" value="注册"/></div>
                                
                            </div>
                        </form>
                    </div>
                    {/if}
                </div>
            </div>
        </div>
	</div>
	<div class="wst-clear"></div>
	</div>
	</div>
{/block}
{block name="footer"}
	{include file="default/footer2" /}
{/block}
{block name="js"}
	<script type="text/javascript" src="__STATIC__/plugins/validator/jquery.validator.min.js?v={$v}"></script>
	<script type='text/javascript' src='__STYLE__/js/login.js?v={$v}'></script>
	<Script>$(function(){initRegist();})</Script>
    <script>
        $(function(){
            $('#tab1').TabPanel({tab:0,callback:function(no){
                if(no==1);
                if(no==2);
            }});
        });
    </script>
{/block}