<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
    <head>
        <meta http-equiv="Content-Type" content="text/html" charset="utf-8" />
        <title>纵横知道·通行证</title>
        <link href="{{rootUrl}}global/css/globalLayout.css" rel="stylesheet" type="text/css" />
        <script src="{{rootUrl}}global/js/jquery-1.7.2.min.js"></script>
        <script type="text/javascript" src="{{rootUrl}}global/js/global.js"></script>
        <script src="{{rootUrl}}global/js/jquery.validate.js"></script>
        <script type="text/javascript">
            $(function(){
                $("#emailform").validate({
                    rules: {
                        email: {
                            required: true,
                            email: true,
                            remote: {
                                url: '{{rootUrl}}checkemail',
                                type: 'POST',
                                dateType: 'json',
                                data: { email:function(){
                                        return $('#email').val();
                                    }
                                }
                            }
                        },
                        password: {
                            required: true,
                            minlength: 6
                        }
                    },
                    messages: {
                        email:{
                            required:"请填写有效邮箱地址",
                            email: "请填写有效邮箱地址（例如 myemail@qq.com）",
                            remote: "请输入其他邮箱"
                        },
                        password: {
                            required:"请输入密码",
                            minlength: "密码长度不能小于6"
                        }
                    },
                    errorElement: "span",// 错误信息容器标签
                    errorClass: "erroT",
                    validClass: "inputSus",
                    onkeyup: false
                });
            });
        </script>
    </head>
    <body>
        <div class="warpBody">
            <div class="header">
                <a href="{{rootUrl}}" title="返回首页" class="logoLink"><div class="logo"></div></a>
                <div class="loginInfo fR">
                    <div class="avtraLogin">
                        <a href="#" class="avtraInfo"><span class="avtraName">{{name}}</span><span class="avtraFace"><img src="{{rootUrl}}global/img/avatra48.png" width="32"></span></a>
                        <div class="loginInfoMenu" style="display:none">
                            <div class="loginInfoMenuArrow"><span></span></div>
                            <div class="loginInfoMenuBox">
                                <ul class="clearfix">
                                    <li><a href="{{rootUrl}}profile">我的资料</a></li>
                                    <li><a href="{{rootUrl}}changeMail">更换邮箱</a></li>
                                    <li><a href="{{rootUrl}}chpasswd">修改密码</a></li>
                                    <li><a href="{{rootUrl}}deposit">账户充值</a></li>
                                    <li><a href="#">余额提现</a></li>
                                    <li><a href="{{rootUrl}}logout">退出登录</a></li>
                                </ul>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="formItem">
                <div class="formBgTop"></div>
                <div class="formBgMiddle clearfix">
                    <h2>修改邮箱</h2>
                    <dl class="regForm">
                        <form method="post" name="emailform" id="emailform">
                            <dt>当前邮箱</dt>
                            <dd><b>{{email}}</b></dd>
                            <dt>新邮箱</dt>
                            <dd><input type="text" name="email" id="email" class="inputText"><p class="tips">系统将会发送一份验证邮件至新邮箱，请注意查收！</p></dd>
                            <dt>输入密码确认</dt>
                            <dd><input type="password" name="password" id="password" class="inputText"></dd>

                            <dd class="clearfix"><br><br><input type="submit" name="emailsubmit" id="timer" class="button btn-orange " value="发送验证邮件"><p class="submitSus">{{message}}</p></dd>
                                            </form>
                                            </dl>
                                            </div>
                                            <div class="formBgBottom"></div>
                                            </div>
                                            <!-- include 'footer' -->
                                            </div>
                                            </body>