| 123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146 |
- <!doctype html>
- <html class="no-js">
- <head>
- <meta charset="utf-8">
- <meta http-equiv="X-UA-Compatible" content="IE=edge">
- <meta name="description" content="">
- <meta name="keywords" content="">
- <meta name="viewport" content="width=device-width, initial-scale=1">
- <title>{:__('找回密码')}</title>
- <meta name="renderer" content="webkit">
- <link rel="stylesheet" href="__CDN__/assets/index/css/amazeui.css">
- <link rel="stylesheet" href="__CDN__/assets/shop/css/app.css">
- <link rel="stylesheet" href="__CDN__/assets/shop/css/login.css" />
- <style>
- .am-header-default .am-header-nav > a{color:#999}
- #yzmcode{height: 38px;}
- .smsverfy{margin-left: 10%;}
- .verifyimg{vertical-align:middle;cursor:pointer;height:39px;width: 45%;}
- #submit{ width: 27%;}
- </style>
- </head>
- <body class="am-bg-white">
- <!--<header data-am-widget="header" class="am-header am-header-default" style="background:transparent">
- <div class="am-header-left am-header-nav">
- <a href="javascript:void(0);" onclick="javascript:history.back(-1);return false;"><i class="am-header-icon am-icon-angle-left"></i></a>
- </div>
- </header>-->
- <div class="wapper">
- <div id="step1">
- <div class="am-padding am-margin-top-xl am-padding-top-lg">
- <h1>找回密码</h1>
- <p class="am-link-muted">通过手机号码找回</a></p>
- </div>
- <div class="am-margin-top am-padding-sm">
- <form class="am-form" id="form1">
- {:token()}
- <div class="am-form-group">
- <input type="text" name="mobile" placeholder="请输入手机号">
- </div>
- <div class="am-form-group">
- <div class="am-u-sm-8 am-padding-0">
- <input type="text" name="verify" placeholder="请输入验证码">
- </div>
- <div class="am-u-sm-4 " style="margin-top:-38px">
- <botton type="text" onclick="getCode();" id="goCode" class="am-btn am-btn-danger am-text-xs am-text-center" >获取验证码</botton>
- </div>
- </div>
- <div class="am-form-group">
- <input type="text" name="password" placeholder="请输入密码" maxlength="12" min="6">
- </div>
- <div class="am-form-group">
- <input type="text" name="repassword" placeholder="请再次输入密码" maxlength="12" min="6">
- </div>
- <div class="am-form-group am-margin-top-xl">
- <span class="am-u-sm-6 am-padding-left-0"><button type="button" id="submit" class="am-btn am-btn-danger am-round login-btn am-btn-width">确定</button></span>
- <span class="am-u-sm-6 am-text-right"><a href="login.html" class="am-inline-block am-link-muted am-text-sm am-padding-top-sm">去登陆-></a></span>
- </div>
- </form>
- </div>
- </div>
- </div>
- <script src="__CDN__/assets/index/js/jquery.min.js"></script>
- <script src="__CDN__/assets/index/js/amazeui.min.js"></script>
- <script src="__CDN__/assets/libs/layer/layer.js"></script>
- <script>
- function time(wait){
- if(wait == 0){
- $("#goCode").removeClass('disabled').removeClass('sc-text').addClass('sc-text-red');
- $("#goCode").val("{:__('发送验证码')}");
- }else{
- $("#goCode").val("{:__('重新发送')}" + wait + "s");
- wait--;
- setTimeout(function(){
- time(wait);
- },1000);
- }
- }
- function getCode()
- {
- var that = this;
- var mobile=$('input[name=mobile]').val();
- if(mobile == '')
- {
- layer.msg("{:__('请填写手机号')}");time(5);
- }else{
- var html = [];
- html.push('<table class="smsverfy"><tr>');
- html.push('<td><input type="text" id="yzmcode" size="12" class="form-initial" maxLength="8">');
- html.push('<img class="verifyimg" src="{:rtrim(\'__PUBLIC__\', \'/\')}/index.php?s=/captcha" title="刷新验证码" onclick="this.src = \'{:rtrim(\'__PUBLIC__\', \'/\')}/index.php?s=/captcha&r=\' + Math.random();"/>');
- html.push('</td></tr></table>');
- layer.open({
- title:'请输入验证码',
- type: 1,
- area: ['80%', '150px'], //宽高
- content: html.join(''),
- btn: ['确定', '取消'],
- success: function(index){
- },
- yes: function(index){
- var verify = $('#yzmcode').val();
- jQuery.post("{:url('api/user/sendMsg')}" ,{mobile:mobile,verify:verify},function(data) {
- if(data.code>0)
- {
- layer.msg(data.msg);
- time(30);
- layer.close(index);
- }else{
- layer.msg(data.msg);
- time(5);
- }
- });
- },
- cancel:function(index){
- layer.close(index);
- }
- });
- }
- }
- //提交
- $('#submit').click(function(){
- var formData = new FormData($('#form1')[0]);
- $.ajax({
- type: "POST",
- url: "{:url('api/user/findpwd')}",
- data: formData,
- contentType: false,
- processData: false,
- success: function(data) {
- if(data.code>0)
- {
- layer.msg(data.msg,{time:1000},function(){
- location='login.html';
- });
- }else{
- layer.msg(data.msg);
- }
- },
- error: function(XMLHttpRequest, textStatus, errorThrown) {
- layer.msg("{:__('网络错误,请稍后重试')}");
- }
- });
- })
-
- </script>
- </body>
- </html>
|
