findpwd.html 3.0 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687
  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">
  9. <title>注册</title>
  10. <meta name="renderer" content="webkit">
  11. <link rel="stylesheet" href="__CDN__/assets/index/css/amazeui.css">
  12. <link rel="stylesheet" href="__CDN__/assets/shop/css/app.css">
  13. <link rel="stylesheet" href="__CDN__/assets/index/css/login1.css" />
  14. <style>
  15. .loginBg{
  16. background: url({:config('site')['loginBg']});
  17. background-size: cover;
  18. }
  19. .am-form input[type="text"], .am-form input[type="password"]{background:#fff;border-radius: 5px;}
  20. #goCode{margin-top:-5rem;}
  21. #yzmcode{height: 38px;}
  22. .smsverfy{margin-left: 10%;}
  23. .verifyimg{vertical-align:middle;cursor:pointer;height:39px;width: 40%;}
  24. </style>
  25. </head>
  26. <body class="loginBg">
  27. <header data-am-widget="header" class="am-header am-header-default" style="background: transparent;">
  28. <div class="am-header-left am-header-nav">
  29. <a href="javascript:void(0);" onclick="javascript:history.back(-1);return false;"><i class=" am-header-icon am-icon-angle-left"></i></a>
  30. </div>
  31. <h1 class="am-header-title " style="">找回密码
  32. </h1>
  33. </header>
  34. <div class="wapper fv" style="padding-top:80px;">
  35. <div class="am-padding-left am-padding-right">
  36. <form class="am-form" id="form1">
  37. {:token()}
  38. <div class="am-form-group">
  39. <input type="text" name="mobile" placeholder="请输入手机号">
  40. </div>
  41. <div class="am-form-group">
  42. <input type="text" name="password" placeholder="请输入密码" maxlength="12" min="6">
  43. </div>
  44. <div class="am-form-group">
  45. <input type="text" name="repassword" placeholder="请再次输入密码" maxlength="12" min="6">
  46. </div>
  47. </form>
  48. </div>
  49. <div class=" am-margin-xl">
  50. <input type="button" class="am-btn am-btn-danger am-btn-block am-round" id="submit" value="找回密码">
  51. </div>
  52. </div>
  53. <script src="__CDN__/assets/index/js/jquery.min.js"></script>
  54. <script src="__CDN__/assets/index/js/amazeui.min.js"></script>
  55. <script src="__CDN__/assets/libs/layer/layer.js"></script>
  56. <script>
  57. //提交
  58. $('#submit').click(function(){
  59. var formData = new FormData($('#form1')[0]);
  60. $.ajax({
  61. type: "POST",
  62. url: "{:url('api/user/findpwd')}",
  63. data: formData,
  64. contentType: false,
  65. processData: false,
  66. success: function(data) {
  67. if(data.code>0)
  68. {
  69. layer.msg(data.msg,{time:1000},function(){
  70. location='login.html';
  71. });
  72. }else{
  73. layer.msg(data.msg);
  74. }
  75. },
  76. error: function(XMLHttpRequest, textStatus, errorThrown) {
  77. layer.msg("{:__('网络错误,请稍后重试')}");
  78. }
  79. });
  80. })
  81. </script>
  82. </body>
  83. </html>