<!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_CSS}}globalLayout.css" rel="stylesheet" type="text/css" />
        <script src="{{rootUrl_JS}}jquery-1.7.2.min.js"></script>
        <script src="{{rootUrl_JS}}jquery.validate.js"></script>
        <script type="text/javascript">
            $(function(){
                $("#loginform").validate({
                    rules: {
                        zhusername: {
                            required: true
                        },
                        zhuserpasswd: {
                            required: true,
                            minlength: 6
                        }
                    },
                    messages: {
                        zhusername:{
                            required:"请填写您的帐号/邮箱"
                        },
                        zhuserpasswd:{
                            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>
            <div class="formItem">
                <div class="formBgTop"></div>
                <div class="formBgMiddle clearfix">
                    <h2>用户登录</h2>
                    <div class="about fR">
                        <p>通行证可以使用以下网站</p>
                        <p><a href="http://zhzdwd.com" target="_blank"><img src="{{rootUrl}}global/img/logo-wd.png"></a><a href="http://zhzdwk.com" target="_blank"><img src="{{rootUrl}}global/img/logo-wk.png"></a><a href="http://zhzdjg.com" target="_blank"><img src="{{rootUrl}}global/img/logo-jg.png"></a></p>
                    </div>
                    <dl class="regForm">
                        <form method="post" name="loginform" id="loginform">
                            <dt>账户/邮箱</dt>
                            <dd><input type="text" id="zhusername" name="zhusername" class="inputText" /></dd>
                            <dt>密码</dt>
                            <dd>
                                <input type="password" id="zhuserpasswd" name="zhuserpasswd" class="inputText" /><p class="tips"></p>
                            </dd>
                            <dd class="clearfix"><br></br>
                                <input type="submit" class="button btn-green " value="登录" /><span class="submitSus">{{messages}}</span></dd>
                            <dt><a href="{{rootUrl}}getpasswd">忘记密码？</a><br></br>还没帐号？赶紧<a href="{{rootUrl}}reg">注册一个</a></dt>
                        </form>
                    </dl>
                </div>
                <div class="formBgBottom"></div>
            </div>
            <!-- include 'footer' -->
        </div>
        <!--[if IE 6]>
        <script src="//letskillie6.googlecode.com/svn/trunk/2/zh_CN.js"></script>
<![endif]-->
    </body>
</html>