addMail.html 6.0 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143
  1. <!DOCTYPE html>
  2. <html lang=zh-cn>
  3. <head>
  4. <meta charset=utf-8>
  5. <title>注册纵横通行帐号</title>
  6. <meta name=description content=一个帐号通用纵横旗下所有网络产品。>
  7. <meta name=copyright content=smartcost.com.cn>
  8. <link rel=stylesheet href={{rootUrl_CSS}}global.css>
  9. <script src={{rootUrl_JS}}jquery-1.7.1.min.js></script>
  10. <script src={{rootUrl_JS}}global.js></script>
  11. <script src="{{rootUrl_JS}}jquery.validate.min.js"></script>
  12. <script type="text/javascript">
  13. $(function(){
  14. $("#emailform").validate({
  15. rules: {
  16. email: {
  17. required: true,
  18. email: true,
  19. remote: {
  20. url: '{{rootUrl}}checkemail',
  21. type: 'POST',
  22. dateType: 'json',
  23. data: { email:function(){
  24. return $('#email').val();
  25. }
  26. }
  27. }
  28. },
  29. password: {
  30. required: true,
  31. minlength: 6,
  32. maxlength: 16,
  33. remote: {
  34. url: '{{rootUrl}}check',
  35. type: 'POST',
  36. dateType: 'json',
  37. data: {
  38. password: function () {
  39. return $('#password').val();
  40. }
  41. }
  42. }
  43. },
  44. zhq: {
  45. required: true
  46. },
  47. defq: {
  48. required: true
  49. },
  50. zhanswer: {
  51. required: true
  52. }
  53. },
  54. messages: {
  55. email:{
  56. required:"请填写有效邮箱地址",
  57. email: "请填写有效邮箱地址(例如 myemail@qq.com)",
  58. remote: "该邮箱已被注册"
  59. },
  60. password: {
  61. required:"请输入密码",
  62. minlength: "密码长度不能小于6",
  63. maxlength: "密码长度不能大于16",
  64. remote:"请确认密码是否正确"
  65. },
  66. zhq: {
  67. required:"请选择问题"
  68. },
  69. defq: {
  70. required:"请选择问题"
  71. },
  72. zhanswer: {
  73. required:"请输入答案"
  74. }
  75. },
  76. errorElement: "span",// 错误信息容器标签
  77. errorClass: "erroT",
  78. validClass: "inputSus",
  79. onkeyup: false
  80. });
  81. $('#zhq').change(function(){
  82. if($('#zhq').val()==6){
  83. $("#defq").show();//隐藏
  84. $("#definput").show();//显示
  85. // $(this).addclass(':required');//显示
  86. }else{
  87. $("#defq").hide();//隐藏
  88. $("#definput").hide();//显示
  89. }
  90. });
  91. });
  92. </script>
  93. </head>
  94. <body>
  95. <!-- include '_header' -->
  96. <!-- include '_body_top' -->
  97. <div class="globalContent width950">
  98. <div class="formItem">
  99. <h2>添加邮箱</h2>
  100. <div class="regInfo fR">
  101. <div class="regTips">
  102. 为了确保您能正常收取邮件,请:<br><br>
  103. 1.确保您填写的邮箱地址是规范的,可正常使用的邮箱地址;<br><br>
  104. 2.把域名“smartcost.com.cn”添加至您的邮箱白名单中;<br><br>
  105. 3.查看“垃圾箱”,看是否有我们发送给您的激活邮件;<br><br>
  106. 查看帮助中心-《<a href="http://help.smartcost.com.cn/hc/kb/article/161204/" target="_blank">收不到邮件怎么办?</a>》
  107. </div>
  108. </div>
  109. <form method="post" name="emailform" id="emailform">
  110. <dl>
  111. <dt>填写邮箱</dt>
  112. <dd><input type="text" name="email" id="email" class="inputText"><p class="tips">系统将会发送一份验证邮件至新邮箱,请注意查收!</p></dd>
  113. <dt>输入密码确认</dt>
  114. <dd><input type="password" name="password" id="password" class="inputText"></dd>
  115. <dt>密码保护问题</dt>
  116. <dd>
  117. <select name ="zhq" id="zhq">
  118. <option value="">请选择</option>
  119. <option value="1">您父亲的名字是?</option>
  120. <option value="2">您母亲的名字是?</option>
  121. <option value="3">您的英文名字是?</option>
  122. <option value="4">您身份证最后6位数字是?</option>
  123. <option value="5">您就读的第一所学校全称是?</option>
  124. <option value="6">自定义问题</option>
  125. </select>
  126. </dd>
  127. <dt id="defq" style="display: none">自定义问题</dt>
  128. <dd id="definput" style="display: none"><input name="defq" id="defq" class="inputText" /></dd>
  129. <dt>您的答案</dt>
  130. <dd><input name="zhanswer" id="zhanswer" class="inputText">
  131. <p class="tips">找回账号密码时必填项,请牢记!</p></dd>
  132. <dd class="clearfix"><br><br>
  133. <input type="submit" name="emailsubmit" id="timer" class="button btn-blue " value="发送验证邮件">
  134. <p class="submitSus">{{message}}</p>
  135. </dd>
  136. </dl>
  137. </form>
  138. </div>
  139. </div>
  140. <!-- include '_footer' -->
  141. </body>
  142. </html>