changePassword.html 2.1 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364
  1. <!DOCTYPE html>
  2. <html xmlns:th="http://www.thymeleaf.org">
  3. <div th:replace="~{mobile/header :: header}"></div>
  4. <body>
  5. <header>
  6. <a class="back" href="javascript:history.go(-1);"> <i class="iconfont icon-fanhui"></i></a>
  7. <span >更改密码</span>
  8. </header>
  9. <!-- 内容 -->
  10. <section class="content has_header">
  11. <div class="form">
  12. <div class="form_item">
  13. <input type="password" id="oldPassword" placeholder="原始密码:">
  14. </div>
  15. <div class="form_item">
  16. <input type="password" id="newPassword" placeholder="新密码:">
  17. </div>
  18. <div class="form_item">
  19. <input type="password" id="confirmPassword" placeholder="确认密码:">
  20. </div>
  21. <div class="form-btn">
  22. <button class="btn btn_yellow" onclick="submit()">提交</button>
  23. <button class="btn btn_yellow" onclick="javascript:history.go(-1);">取消</button>
  24. </div>
  25. </div>
  26. </section>
  27. <script>
  28. function submit(){
  29. var oldPasswordObj = $("#oldPassword");
  30. var newPasswordObj = $("#newPassword");
  31. var confirmPasswordObj = $("#confirmPassword");
  32. $.ajax({
  33. type: "POST",
  34. url: pagePath+"/admin/password",
  35. dataType:"json",
  36. data:{
  37. oldPassword : oldPasswordObj.val(),
  38. newPassword : newPasswordObj.val()
  39. },
  40. beforeSend:function(){
  41. if (newPasswordObj.val() != confirmPasswordObj.val()) {
  42. sadMessage("确认密码与新密码不一致!");
  43. newPasswordObj.focus();
  44. return false;
  45. }
  46. },
  47. success: function(data){
  48. if(data.status == "success"){
  49. succeedMessage(data.message);
  50. parent.location.href = pagePath+"/mobile/logout";
  51. }else {
  52. errorMessage(data.message);
  53. }
  54. }
  55. });
  56. }
  57. </script>
  58. </body>
  59. </html>