findpwd.html 2.7 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101
  1. <!DOCTYPE html>
  2. <html lang="en" class="no-js">
  3. <head>
  4. <meta charset="UTF-8">
  5. <title>找回密码</title>
  6. <meta charset="utf-8">
  7. <meta http-equiv="X-UA-Compatible" content="IE=edge">
  8. <meta name="description" content="">
  9. <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">
  10. <meta name="keywords" content="">
  11. <!-- Set render engine for 360 browser -->
  12. <meta name="renderer" content="webkit">
  13. <link rel="stylesheet" href="__CDN__/assets/shop/css/app.css">
  14. <link rel="stylesheet" href="__CDN__/assets/shop/css/login/style.css">
  15. </head>
  16. <body>
  17. <div class="wrapper">
  18. <div class="container">
  19. <div class="sign-in-container">
  20. <form id="forgetForm" onsubmit="return false;">
  21. <h1>找回密码</h1>
  22. <span>使用您的手机号码找回密码</span>
  23. {:token()}
  24. <input class="input" type="text" name="mobile" placeholder="手机号码">
  25. <input class="input" type="password" name="password" placeholder="登录密码">
  26. <input class="input" type="password" name="repassword" placeholder="再次输入密码">
  27. <button class="form_btn" onclick="forget()">找回密码</button>
  28. <a href="login.html" >返回</a>
  29. </form>
  30. </div>
  31. </div>
  32. </div>
  33. <!-- partial -->
  34. <script src="__CDN__/assets/index/js/jquery.min.js"></script>
  35. <script src="__CDN__/assets/index/js/amazeui.min.js"></script>
  36. <script src="__CDN__/assets/libs/layer/layer.js"></script>
  37. <script >
  38. /**
  39. * 找回密码
  40. */
  41. function forget(){
  42. var dd = decodeURIComponent($("#forgetForm").serialize());
  43. console.log($('#forgetForm')[0])
  44. // var formData = new FormData($('#forgetForm')[0]);
  45. var formData = getFormData('forgetForm');
  46. console.log(formData)
  47. // var formData = new FormData($('#forgetForm')[0]);
  48. if(formData.mobile == ''){
  49. layer.msg('请输入手机号');
  50. return false;
  51. }
  52. if(formData.password == ''){
  53. layer.msg('请输入密码');
  54. return false;
  55. }
  56. if(formData.repassword == ''){
  57. layer.msg('请输入再次输入密码');
  58. return false;
  59. }
  60. console.log(formData)
  61. $.ajax({
  62. type: "POST",
  63. url: "{:url('api/user/findpwd')}",
  64. data: formData,
  65. success: function(data) {
  66. if(data.code>0)
  67. {
  68. layer.msg(data.msg,{time:1000},function(){
  69. location='login.html';
  70. });
  71. }else{
  72. layer.msg(data.msg);
  73. }
  74. },
  75. error: function(XMLHttpRequest, textStatus, errorThrown) {
  76. layer.msg("{:__('网络错误,请稍后重试')}");
  77. }
  78. });
  79. return false;
  80. }
  81. /**
  82. * 获取表单格式化数据
  83. * @param id
  84. * @returns {{}}
  85. */
  86. function getFormData(id){
  87. var fields = {};
  88. var arr = $("#"+id).serializeArray();
  89. console.log(arr)
  90. $.each(arr, function(k,item){
  91. fields[item.name] = item.value;
  92. })
  93. return fields;
  94. }
  95. </script>
  96. </body>
  97. </html>