{extend name="default/users/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/security.css?v={$v}" rel="stylesheet"> {/block} {block name="content"} <div class="wst-user-head"><span>绑定邮箱</span><a href="{:url('home/users/security')}">返回</a></div> <div class="wst-clear"></div> <div class="wst-sec-head2"> <div class="wst-lfloat wst-sec-min {if ($process=='One')}wst-sec-gr{/if}">1、验证身份</div> <div class="wst-lfloat wst-sec-min1 {if ($process=='One')}wst-sec-gr1{/if}"></div> <div class="wst-lfloat wst-sec-mi"> <div class="wst-lfloat wst-sec-min2 {if ($process=='Two')}wst-sec-gr2{/if}"></div> <div class="wst-lfloat wst-sec-min3 {if ($process=='Two')}wst-sec-gr3{/if}"></div> </div> <div class="wst-lfloat wst-sec-min {if ($process=='Two')}wst-sec-gr{/if}">2、修改邮箱</div> <div class="wst-lfloat wst-sec-min1 {if ($process=='Two')}wst-sec-gr1{/if}"></div> <div class="wst-lfloat wst-sec-mi"> <div class="wst-lfloat wst-sec-min2 {if ($process=='Three')}wst-sec-gr2{/if}"></div> <div class="wst-lfloat wst-sec-min3 {if ($process=='Three')}wst-sec-gr3{/if}"></div> </div> <div class="wst-lfloat wst-sec-min {if ($process=='Three')}wst-sec-gr{/if}">3、完成</div> </div> {if ($process=='One')} <form method="post" id="getemailForm" autocomplete="off"> <table class='wst-form'> <tr> <th align='right'><font color='red'>*</font>已验证的邮箱:</th> <td>{$data['userEmail']}</td> </tr> <tr> <th align='right'><font color='red'>*</font>验证码:</th> <td> <input id="verifyCode" style="ime-mode:disabled;" name="verifyCode" data-rule="验证码: required;" data-msg-required="请输入验证码" data-tip="请输入验证码" data-target="#verify" class="ipt wst-lfloat" tabindex="6" autocomplete="off" maxlength="6" type="text"/> <label class="wst-sec-img"> <img id='verifyImg' src="{:url('home/users/getVerify')}" onclick='javascript:WST.getVerify("#verifyImg")' style="width:110px;"> </label> <label> 看不清?<a href="javascript:WST.getVerify('#verifyImg')" style="color:#69b7b5;">换一张</a></label><span id="verify"></span> </td> </tr> <tr> <th align='right'><font color='red'>*</font>校验码:</th> <td style='height:60px;'> <input id="secretCode" style="ime-mode:disabled;width:250px;" data-rule="校验码:required;" data-target="#secretErr" name="secretCode" class="ipt wst-lfloat" tabindex="6" autocomplete="off" maxlength="6" type="text"/> <button id="timeSend" class="wst-sec-but" type="button" onclick="sendEmail(true)" style="width:120px;height: 30px;margin-top:5px;">发送验证邮件</button><span id="secretErr"></span> </td> </tr> <tr> <td colspan="2"> <button id="next" class="wst-sec-but" type="submit" style="width:120px;height: 30px;margin-left:180px">下一步</button> </td> </tr> </table> </form> {/if} {if ($process=='Two')} <form method="post" id="emailForm" autocomplete="off"> <input type='hidden' id='process' class='ipt' value='{$process}'/> <table class='wst-form'> <tr> <th align='right'>绑定邮箱地址 <font color='red'>*</font>:</th> <td> <input type='text' class="ipt" id='userEmail' name='userEmail' style='width:250px;' maxLength='30'/> </td> </tr> <tr> <th align='right'>验证码 <font color='red'>*</font>:</th> <td> <input id="verifyCode" data-rule="验证码:required" data-target="#verify" style="ime-mode:disabled;width:250px;" name="verifyCode" class="ipt wst-lfloat" tabindex="6" autocomplete="off" maxlength="6" type="text"/> <label class="wst-sec-img"> <img id='verifyImg' src="{:url('home/users/getVerify')}" onclick='javascript:WST.getVerify("#verifyImg")' style="width:110px;"> </label> <label> 看不清?<a href="javascript:WST.getVerify('#verifyImg')" style="color:#69b7b5;">换一张</a></label><span id="verify"></span> </td> </tr> <tr> <th align='right'><font color='red'>*</font>校验码:</th> <td style='height:60px;'> <input id="secretCode" style="ime-mode:disabled;width:250px;" data-rule="校验码:required;" data-target="#secretErr" name="secretCode" class="ipt wst-lfloat" tabindex="6" autocomplete="off" maxlength="6" type="text"/> <button id="timeSend" class="wst-sec-but" type="button" onclick="sendEmail()" style="width:120px;height: 30px;margin-top:5px;">发送验证邮件</button><span id="secretErr"></span> </td> </tr> <tr> <td colspan="2"> <button id="next" class="wst-sec-but" type="submit" style="width:120px;height: 30px;margin-left:180px">下一步</button> </td> </tr> <input type="hidden" id="editEmail" value="1"> </table> </form> {/if} {if ($process=='Three')} <div class="wst-sec-su"> <span class="wst-sec-sut"><img src="__STYLE__/img/icon_success.png"/></span> <span class="wst-sec-sub">您已成功绑定邮箱!</span> </div> {/if} {/block} {block name="js"} <script type='text/javascript' src='__STYLE__/users/security/security.js?v={$v}'></script> <script type="text/javascript" src="__STATIC__/plugins/validator/jquery.validator.min.js?v={$v}"></script> <script> $(function(){veemailForm();vegetemailForm();}) </script> {/block}