| 123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161 |
- <!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 src="{{rootUrl}}global/js/jquery.validate.js"></script>
- <script src="{{rootUrl}}global/js/global.js"></script>
- <script type="text/javascript">
- $(function(){
- $("#regform").validate({
- rules: {
- zhemail: {
- required: true,
- email: true ,
- remote: {
- url: '{{rootUrl}}check',
- type: 'POST',
- dateType: 'json',
- data: { zhemail:function(){
- return $('#zhemail').val();
- }
- }
- }
- },
- zhuser: {
- required: true,
- minlength: 3,
- maxlength: 15,
- remote: {
- url: '{{rootUrl}}check',
- type: 'POST',
- dateType: 'json',
- data: { zhuser:function(){
- return $('#zhuser').val();
- }
- }
- }
- },
- zhpasswd: {
- required: true,
- minlength: 6
- },
- zhpwdrepeat: {
- required: true,
- equalTo: "#zhpasswd",
- minlength: 6
- },
- zhanswer: {
- required: true
- },
- zhq: {
- required: true
- },
- defq: {
- required: true
- }
- },
- messages: {
- zhemail:{
- required:"请填写有效邮箱地址",
- email: "请填写有效邮箱地址(例如 myemail@qq.com)",
- remote: "该邮箱已被注册!"
- },
- zhuser:{
- required:"请输入您的注册账户",
- remote: "账户已被注册!",
- minlength:"账户长度不能低于3个字符",
- maxlength:"账户长度超过15个字符"
- },
- zhpasswd:{
- required:"请输入密码",
- minlength: "密码长度不能小于6"
- },
- zhpwdrepeat:{
- required:"请重复密码",
- minlength: "密码长度不能小于6",
- equalTo: "请输入相同的密码"
- },
- zhanswer: {
- required:"请输入答案"
- },
- zhq: {
- required:"请选择问题"
- },
- defq: {
- required:"请选择问题"
- }
- },
- errorElement: "span",// 错误信息容器标签
- errorClass: "erroT",
- validClass: "inputSus",
- onkeyup: false
- });
- $('#zhq').change(function(){
- if($('#zhq').val()==6){
- $("#defq").show();//隐藏
- $("#definput").show();//显示
- $(this).addclass(':required');//显示
- }else{
- $("#defq").hide();//隐藏
- $("#definput").hide();//显示
- }
- });
- });
- </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="registerTitle">
- <div class="registerStep-1"></div>
- </div>
- <div class="about fR">
- <p>什么是纵横通行证?</p>
- <p><b>纵横通行证</b>是纵横推出的统一帐号系统。拥有了纵横通行证即可以畅通纵横网站服务,在众多个性化产品(<a target="_blank" href="http://zhzdwd.com">问答站</a>,<a target="_blank" href="http://zhzdwk.com">文库站</a>,<a target="_blank" href="http://zhzdjg.com">价格站</a>)中直接登录使用,免去了重复注册,重复登录的步骤,并能充分享受为您量身定制的各种个性化会员服务。</p>
- </div>
- <dl class="regForm">
- <form id="regform" name="iform" method="post" >
- <dt>您的邮箱</dt>
- <dd><input id="zhemail" name="zhemail" class="inputText" /><p class="tips">找回密码,修改密码等操作重要凭证!</p></dd>
- <dt>注册账户</dt>
- <dd><input class="inputText" name="zhuser" id="zhuser" /><p class="tips">账户只能由3 到 15个中文、大小写字母、数字组成</p></dd>
- <dt>密码</dt>
- <dd><input type="password" name="zhpasswd" id="zhpasswd" class="inputText" /></dd>
- <dt>确认密码</dt>
- <dd><input type="password" name="zhpwdrepeat" id="zhpwdrepeat" class="inputText" /></dd>
- <dt>密码保护问题</dt>
- <dd>
- <select name ="zhq" id="zhq">
- <option value="">请选择</option>
- <option value="1">您父亲的名字是?</option>
- <option value="2">您母亲的名字是?</option>
- <option value="3">您的英文名字是?</option>
- <option value="4">您身份证最后6位数字是?</option>
- <option value="5">您就读的第一所学校全称是?</option>
- <option value="6">自定义问题</option>
- </select>
- </dd>
- <dt id="defq" style="display: none">自定义问题</dt>
- <dd id="definput" style="display: none"><input name="defq" id="defq" class="inputText" /></dd>
- <dt>您的答案</dt>
- <dd><input name="zhanswer" id="zhanswer" class="inputText" /></dd>
- <dd class="clearfix"><br></br><input type="submit" id="regsubmit" name="regsubmit" value="同意以下协议并注册" class="button btn-orange " /></dd>
- </form>
- <dd><br><a id="trigger_id" rel="leanModal" href="#Service">《纵横知道使用服务协议》</a></dd>
- </dl>
- </div>
- <div class="formBgBottom"></div>
- </div>
- <!-- include 'footer' -->
- </div>
- </body>
- </html>
|