changeMail.html 5.0 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586878889909192939495
  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 type="text/javascript" src="{{rootUrl}}global/js/global.js"></script>
  9. <script src="{{rootUrl}}global/js/jquery.validate.js"></script>
  10. <script type="text/javascript">
  11. $(function(){
  12. $("#emailform").validate({
  13. rules: {
  14. email: {
  15. required: true,
  16. email: true,
  17. remote: {
  18. url: '{{rootUrl}}checkemail',
  19. type: 'POST',
  20. dateType: 'json',
  21. data: { email:function(){
  22. return $('#email').val();
  23. }
  24. }
  25. }
  26. },
  27. password: {
  28. required: true,
  29. minlength: 6
  30. }
  31. },
  32. messages: {
  33. email:{
  34. required:"请填写有效邮箱地址",
  35. email: "请填写有效邮箱地址(例如 myemail@qq.com)",
  36. remote: "请输入其他邮箱"
  37. },
  38. password: {
  39. required:"请输入密码",
  40. minlength: "密码长度不能小于6"
  41. }
  42. },
  43. errorElement: "span",// 错误信息容器标签
  44. errorClass: "erroT",
  45. validClass: "inputSus",
  46. onkeyup: false
  47. });
  48. });
  49. </script>
  50. </head>
  51. <body>
  52. <div class="warpBody">
  53. <div class="header">
  54. <a href="{{rootUrl}}" title="返回首页" class="logoLink"><div class="logo"></div></a>
  55. <div class="loginInfo fR">
  56. <div class="avtraLogin">
  57. <a href="#" class="avtraInfo"><span class="avtraName">{{name}}</span><span class="avtraFace"><img src="{{rootUrl}}global/img/avatra48.png" width="32"></span></a>
  58. <div class="loginInfoMenu" style="display:none">
  59. <div class="loginInfoMenuArrow"><span></span></div>
  60. <div class="loginInfoMenuBox">
  61. <ul class="clearfix">
  62. <li><a href="{{rootUrl}}profile">我的资料</a></li>
  63. <li><a href="{{rootUrl}}changeMail">更换邮箱</a></li>
  64. <li><a href="{{rootUrl}}chpasswd">修改密码</a></li>
  65. <li><a href="{{rootUrl}}deposit">账户充值</a></li>
  66. <li><a href="#">余额提现</a></li>
  67. <li><a href="{{rootUrl}}logout">退出登录</a></li>
  68. </ul>
  69. </div>
  70. </div>
  71. </div>
  72. </div>
  73. </div>
  74. <div class="formItem">
  75. <div class="formBgTop"></div>
  76. <div class="formBgMiddle clearfix">
  77. <h2>修改邮箱</h2>
  78. <dl class="regForm">
  79. <form method="post" name="emailform" id="emailform">
  80. <dt>当前邮箱</dt>
  81. <dd><b>{{email}}</b></dd>
  82. <dt>新邮箱</dt>
  83. <dd><input type="text" name="email" id="email" class="inputText"><p class="tips">系统将会发送一份验证邮件至新邮箱,请注意查收!</p></dd>
  84. <dt>输入密码确认</dt>
  85. <dd><input type="password" name="password" id="password" class="inputText"></dd>
  86. <dd class="clearfix"><br><br><input type="submit" name="emailsubmit" id="timer" class="button btn-orange " value="发送验证邮件"><p class="submitSus">{{message}}</p></dd>
  87. </form>
  88. </dl>
  89. </div>
  90. <div class="formBgBottom"></div>
  91. </div>
  92. <!-- include 'footer' -->
  93. </div>
  94. </body>