password.tpl 4.6 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107
  1. <!DOCTYPE html>
  2. <html lang="zh-CN">
  3. <head>
  4. <meta charset="utf-8">
  5. <meta http-equiv="X-UA-Compatible" content="IE=edge">
  6. <meta name="viewport" content="width=device-width, initial-scale=1">
  7. <title>用户中心 - Powered by MinDoc</title>
  8. <!-- Bootstrap -->
  9. <link href="/static/bootstrap/css/bootstrap.min.css" rel="stylesheet">
  10. <link href="/static/font-awesome/css/font-awesome.min.css" rel="stylesheet">
  11. <link href="/static/css/main.css" rel="stylesheet">
  12. <!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
  13. <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
  14. <!--[if lt IE 9]>
  15. <script src="/static/html5shiv/3.7.3/html5shiv.min.js"></script>
  16. <script src="/static/respond.js/1.4.2/respond.min.js"></script>
  17. <![endif]-->
  18. </head>
  19. <body>
  20. <div class="manual-reader">
  21. {{template "widgets/header.tpl" .}}
  22. <div class="container manual-body">
  23. <div class="row">
  24. <div class="page-left">
  25. <ul class="menu">
  26. <li><a href="{{urlfor "SettingController.Index"}}" class="item"><i class="fa fa-sitemap" aria-hidden="true"></i> 基本信息</a> </li>
  27. <li class="active"><a href="{{urlfor "SettingController.Password"}}" class="item"><i class="fa fa-user" aria-hidden="true"></i> 修改密码</a> </li>
  28. </ul>
  29. </div>
  30. <div class="page-right">
  31. <div class="m-box">
  32. <div class="box-head">
  33. <strong class="box-title">修改密码</strong>
  34. </div>
  35. </div>
  36. <div class="box-body" style="width: 300px;">
  37. <form role="form" method="post" id="securityForm">
  38. <div class="form-group">
  39. <label for="password1">原始密码</label>
  40. <input type="password" name="password1" id="password1" class="form-control disabled" placeholder="原始密码">
  41. </div>
  42. <div class="form-group">
  43. <label for="password2">新密码</label>
  44. <input type="password" class="form-control" name="password2" id="password2" max="50" placeholder="新密码">
  45. </div>
  46. <div class="form-group">
  47. <label for="password3">确认密码</label>
  48. <input type="password" class="form-control" id="password3" name="password3" placeholder="确认密码">
  49. </div>
  50. <div class="form-group">
  51. <button type="submit" class="btn btn-success" data-loading-text="保存中...">保存修改</button>
  52. <span id="form-error-message" class="error-message"></span>
  53. </div>
  54. </form>
  55. </div>
  56. </div>
  57. </div>
  58. </div>
  59. {{template "widgets/footer.tpl" .}}
  60. </div>
  61. <script src="/static/jquery/1.12.4/jquery.min.js" type="text/javascript"></script>
  62. <script src="/static/bootstrap/js/bootstrap.min.js" type="text/javascript"></script>
  63. <script src="/static/js/jquery.form.js" type="text/javascript"></script>
  64. <script src="/static/js/main.js" type="text/javascript"></script>
  65. <script type="text/javascript">
  66. $(function () {
  67. $("#securityForm").ajaxForm({
  68. beforeSubmit : function () {
  69. var oldPasswd = $("#password1").val();
  70. var newPasswd = $("#password2").val();
  71. var confirmPassword = $("#password3").val();
  72. if(!oldPasswd ){
  73. showError("原始密码不能为空");
  74. return false;
  75. }
  76. if(!newPasswd){
  77. showError("新密码不能为空");
  78. return false;
  79. }
  80. if(!confirmPassword){
  81. showError("确认密码不能为空");
  82. return false;
  83. }
  84. if(confirmPassword !== newPasswd){
  85. showError("确认密码不正确");
  86. return false;
  87. }
  88. },
  89. success : function (res) {
  90. if(res.errcode === 0){
  91. showSuccess('保存成功');
  92. $("#password1").val('');
  93. $("#password2").val('');
  94. $("#password3").val('');
  95. }else{
  96. showError(res.message);
  97. }
  98. }
  99. }) ;
  100. });
  101. </script>
  102. </body>
  103. </html>