{extend name="default/base" /}
{block name="title"}忘记密码 - {:WSTConf('CONF.mallName')}{__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"}
    {php}$liteTitle = "找回密码"{/php}
	{include file="default/header_lite" /}
{/block}
{block name="main"}
	<div class="wst-container">
           <div id="stepflex" class="stepflex">
               <dl class="first doing">
                   <dt class="s-num">1</dt>
                   <dd class="s-text">填写账户名</dd>
                   <dd></dd>
               </dl>
               <dl class="normal">
                   <dt class="s-num1">2</dt>
                   <dd class="s-text">验证身份</dd>
               </dl>
               <dl class="normal">
                   <dt class="s-num1">3</dt>
                   <dd class="s-text">重置密码</dd>
               </dl>
               <dl class="last">
                   <dt class="s-num1">4</dt>
                   <dd class="s-text">完成</dd>
               </dl>
           </div>
         <div class="wst-clear"></div>
         <div class="forget-pwd">
           <form  id="forgetPwdForm" autocomplete="off">
           <input type="hidden" id="step" name="step" class="ipt" value="1" autocomplete="off">
               <table class="wst-table">
                   <tbody>
					<tr class="wst-login-tr">
						<td class="wst-regist-td">用户名</td>
						<td><input id="loginName" name="loginName" class="ipt wst-forget-input" type="text"  data-rule="用户名 required;remote(post:{:url('home/users/checkFindKey')})" data-msg-required="请输入用户名" data-tip="请输入用户名"   tabindex="1" value="" autocomplete="off" placeholder="邮箱/用户名/手机号"/></td>
					</tr>
				    <tr class="wst-login-tr">
						<td class="wst-regist-td">验证码</td>
						<td>
							<div class="wst-forget-code">
							<input id="verifyCode" style="ime-mode:disabled" name="verifyCode"  class="ipt wst-forget-codein" data-rule="验证码 required;" data-msg-required="请输入验证码" data-tip="请输入验证码" data-target="#verify" tabindex="6" autocomplete="off" maxlength="6" type="text"  data-target="#verifyCodeTips" placeholder="验证码"/>
							<img id='verifyImg' class='wst-forget-codeim' src="{:url('home/users/getVerify')}" onclick='javascript:WST.getVerify("#verifyImg")'><span id="verifyCodeTips"></span>
						   	</div>
						   	<label style="float:left;margin:10px 0px 0px 5px;">看不清？<a style="color:#69b7b5;" href="javascript:WST.getVerify('#verifyImg')">换一张</a></label><span id="verify" class="wst-lfloat"></span>
						</td>
					</tr>
					<tr class="wst-login-tr">
						<td colspan="2" style="padding-left:173px;">
							<input type="submit" class="wst-regist-but" value="下一步" style="width: 88px;height:32px;"/>
						</td>
					</tr>
                   </tbody>
                </table>
            </form>
          </div>
	</div>
{/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/findpass.js?v={$v}'></script>
{/block}