register.html 8.3 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
  2. <html xmlns="http://www.w3.org/1999/xhtml">
  3. <head>
  4. <meta http-equiv="Content-Type" content="text/html" charset="utf-8" />
  5. <title>纵横知道·通行证</title>
  6. <link href="{{rootUrl}}global/css/globalLayout.css" rel="stylesheet" type="text/css" />
  7. <script src="{{rootUrl}}global/js/jquery-1.7.2.min.js"></script>
  8. <script src="{{rootUrl}}global/js/jquery.validate.js"></script>
  9. <script src="{{rootUrl}}global/js/global.js"></script>
  10. <script type="text/javascript">
  11. $(function(){
  12. $("#regform").validate({
  13. rules: {
  14. zhemail: {
  15. required: true,
  16. email: true ,
  17. remote: {
  18. url: '{{rootUrl}}check',
  19. type: 'POST',
  20. dateType: 'json',
  21. data: { zhemail:function(){
  22. return $('#zhemail').val();
  23. }
  24. }
  25. }
  26. },
  27. zhuser: {
  28. required: true,
  29. minlength: 3,
  30. maxlength: 15,
  31. remote: {
  32. url: '{{rootUrl}}check',
  33. type: 'POST',
  34. dateType: 'json',
  35. data: { zhuser:function(){
  36. return $('#zhuser').val();
  37. }
  38. }
  39. }
  40. },
  41. zhpasswd: {
  42. required: true,
  43. minlength: 6
  44. },
  45. zhpwdrepeat: {
  46. required: true,
  47. equalTo: "#zhpasswd",
  48. minlength: 6
  49. },
  50. zhanswer: {
  51. required: true
  52. },
  53. zhq: {
  54. required: true
  55. },
  56. defq: {
  57. required: true
  58. }
  59. },
  60. messages: {
  61. zhemail:{
  62. required:"请填写有效邮箱地址",
  63. email: "请填写有效邮箱地址(例如 myemail@qq.com)",
  64. remote: "该邮箱已被注册!"
  65. },
  66. zhuser:{
  67. required:"请输入您的注册账户",
  68. remote: "账户已被注册!",
  69. minlength:"账户长度不能低于3个字符",
  70. maxlength:"账户长度超过15个字符"
  71. },
  72. zhpasswd:{
  73. required:"请输入密码",
  74. minlength: "密码长度不能小于6"
  75. },
  76. zhpwdrepeat:{
  77. required:"请重复密码",
  78. minlength: "密码长度不能小于6",
  79. equalTo: "请输入相同的密码"
  80. },
  81. zhanswer: {
  82. required:"请输入答案"
  83. },
  84. zhq: {
  85. required:"请选择问题"
  86. },
  87. defq: {
  88. required:"请选择问题"
  89. }
  90. },
  91. errorElement: "span",// 错误信息容器标签
  92. errorClass: "erroT",
  93. validClass: "inputSus",
  94. onkeyup: false
  95. });
  96. $('#zhq').change(function(){
  97. if($('#zhq').val()==6){
  98. $("#defq").show();//隐藏
  99. $("#definput").show();//显示
  100. $(this).addclass(':required');//显示
  101. }else{
  102. $("#defq").hide();//隐藏
  103. $("#definput").hide();//显示
  104. }
  105. });
  106. });
  107. </script>
  108. </head>
  109. <body>
  110. <div class="warpBody">
  111. <div class="header">
  112. <a href="{{rootUrl}}" title="返回首页" class="logoLink"><div class="logo"></div></a>
  113. </div>
  114. <div class="formItem">
  115. <div class="formBgTop"></div>
  116. <div class="formBgMiddle clearfix">
  117. <h2>注册通行证</h2>
  118. <div class="registerTitle">
  119. <div class="registerStep-1"></div>
  120. </div>
  121. <div class="about fR">
  122. <p>什么是纵横通行证?</p>
  123. <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>
  124. </div>
  125. <dl class="regForm">
  126. <form id="regform" name="iform" method="post" >
  127. <dt>您的邮箱</dt>
  128. <dd><input id="zhemail" name="zhemail" class="inputText" /><p class="tips">找回密码,修改密码等操作重要凭证!</p></dd>
  129. <dt>注册账户</dt>
  130. <dd><input class="inputText" name="zhuser" id="zhuser" /><p class="tips">账户只能由3 到 15个中文、大小写字母、数字组成</p></dd>
  131. <dt>密码</dt>
  132. <dd><input type="password" name="zhpasswd" id="zhpasswd" class="inputText" /></dd>
  133. <dt>确认密码</dt>
  134. <dd><input type="password" name="zhpwdrepeat" id="zhpwdrepeat" class="inputText" /></dd>
  135. <dt>密码保护问题</dt>
  136. <dd>
  137. <select name ="zhq" id="zhq">
  138. <option value="">请选择</option>
  139. <option value="1">您父亲的名字是?</option>
  140. <option value="2">您母亲的名字是?</option>
  141. <option value="3">您的英文名字是?</option>
  142. <option value="4">您身份证最后6位数字是?</option>
  143. <option value="5">您就读的第一所学校全称是?</option>
  144. <option value="6">自定义问题</option>
  145. </select>
  146. </dd>
  147. <dt id="defq" style="display: none">自定义问题</dt>
  148. <dd id="definput" style="display: none"><input name="defq" id="defq" class="inputText" /></dd>
  149. <dt>您的答案</dt>
  150. <dd><input name="zhanswer" id="zhanswer" class="inputText" /></dd>
  151. <dd class="clearfix"><br></br><input type="submit" id="regsubmit" name="regsubmit" value="同意以下协议并注册" class="button btn-orange " /></dd>
  152. </form>
  153. <dd><br><a id="trigger_id" rel="leanModal" href="#Service">《纵横知道使用服务协议》</a></dd>
  154. </dl>
  155. </div>
  156. <div class="formBgBottom"></div>
  157. </div>
  158. <!-- include 'footer' -->
  159. </div>
  160. </body>
  161. </html>