updatepwd1.html 3.5 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485868788899091
  1. <!doctype html>
  2. <html class="no-js">
  3. <head>
  4. <meta charset="utf-8">
  5. <meta http-equiv="X-UA-Compatible" content="IE=edge">
  6. <meta name="description" content="">
  7. <meta name="keywords" content="">
  8. <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
  9. <title>{:__('修改密码')}</title>
  10. <!-- Set render engine for 360 browser -->
  11. <meta name="renderer" content="webkit">
  12. <link rel="stylesheet" href="__CDN__/assets/shop/css/amazeui.css">
  13. <link rel="stylesheet" href="__CDN__/assets/shop/css/app.css">
  14. <style type="text/css">
  15. div[data-html=form] .am-form .am-form-group{
  16. margin-bottom: 1rem;
  17. border-radius: 10px;
  18. }
  19. </style>
  20. </head>
  21. <body class="">
  22. <!-- Header -->
  23. <header data-am-widget="header" class="am-header am-header-default">
  24. <div class="am-header-left am-header-nav">
  25. <a href="javascript:void(0);" onclick="javascript:history.back(-1);return false;"><i class="am-header-icon am-icon-angle-left"></i></a>
  26. </div>
  27. <h1 class="am-header-title">
  28. <a href="#title-link">{:__('修改登录密码')}</a>
  29. </h1>
  30. </header>
  31. <!-- Content -->
  32. <div class="wapper am-bg-white" data-html="form" style="padding-top:49px">
  33. <div class="am-margin-sm">
  34. <form class="am-form am-form-horizontal invest-form" id="form1">
  35. <input type="hidden" name="type" value="1"/>
  36. <div class="am-form-group sc-bg">
  37. <label class="am-u-sm-3 am-form-label">{:__('原密码')}</label>
  38. <div class="am-u-sm-9">
  39. <input type="password" class=" am-text-right" placeholder="{:__('请输入原密码')}" name="oldPwd" value="">
  40. </div>
  41. </div>
  42. <div class="am-form-group sc-bg">
  43. <label class="am-u-sm-3 am-form-label">{:__('新密码')}</label>
  44. <div class="am-u-sm-9">
  45. <input type="password" class=" am-text-right" placeholder="{:__('请输入新密码')}" name="newPwd" value="">
  46. </div>
  47. </div>
  48. <div class="am-form-group sc-bg">
  49. <label class="am-u-sm-3 am-form-label">{:__('确认新密码')}</label>
  50. <div class="am-u-sm-9">
  51. <input type="password" class=" am-text-right" placeholder="{:__('请再次输入新密码')}" name="renewPwd" value="">
  52. </div>
  53. </div>
  54. </form>
  55. </div>
  56. </div>
  57. <div class="am-margin-xl">
  58. <button type="button" class="am-btn am-btn-black am-round am-btn-block" id="submit">确认修改</button>
  59. </div>
  60. <script src="__CDN__/assets/shop/js/jquery.min.js"></script>
  61. <script src="__CDN__/assets/shop/js/amazeui.min.js"></script>
  62. <script src="__CDN__/assets/libs/layer/layer.js"></script>
  63. <script>
  64. $('#submit').click(function(){
  65. var formData = new FormData($('#form1')[0]);
  66. $.ajax({
  67. type: "POST",
  68. url: "{:url('api/user/updatepwd')}",
  69. data: formData,
  70. contentType: false,
  71. processData: false,
  72. success: function(data) {
  73. if(data.code>0)
  74. {
  75. layer.msg(data.msg,{time:1000},function(){
  76. location="{:url('index/user/logout')}";
  77. });
  78. }else{
  79. layer.msg(data.msg);
  80. }
  81. },
  82. error: function(XMLHttpRequest, textStatus, errorThrown) {
  83. layer.msg("{:__('网络错误,请稍后重试')}");
  84. }
  85. });
  86. })
  87. </script>
  88. </body>
  89. </html>