微信小程序忘记密码如何找回

现在很多应用都需要用户设置密码,那么密码多了就容易记混容易忘,那么我们的小程序设计了用户忘记密码时快速找回的方法,

例如在以下图中点击忘记密码,就会进入到找回密码的第一步。

微信小程序忘记密码如何找回_第1张图片

找回密码第一步

微信小程序忘记密码如何找回_第2张图片

以下为找回密码的第一步示例代码

//获取应用实例
const app = getApp()
Page({

  /**
   * 页面的初始数据
   */
  data: {
  
  },

  formSubmit:function(e){

    console.log(e.detail.value.no);
    console.log(e.detail.value.email);
    var student = wx.getStorageSync('student');
    var no = student.no;
    console.log(no);
    var email = student.email;
    console.log(email);


    if (e.detail.value.email != student.email) {
      wx.showToast({
        title: '输入邮箱与绑定邮箱不一致',
        icon: 'none',
        duration: 2000
      })
    }else{
    // var no = this.data.student.no;
    // console.log(no);
    wx.request({
      url: app.globalData.url.forgotpwd,
      data: {
        // no: no,
        no: e.detail.value.no,
        email: e.detail.value.email
      },
      header: {
        'content-type': 'application/json' // 默认值
      },

      success: (res) => {
        console.log(res.data);
        wx.showToast({
          title: '下一步',
          icon: 'success',
          duration: 2000
        })
          setTimeout(function () {
          wx.redirectTo({
            url: "../getpwdtwo/getpwdtwo",
          })
        },2000)
      }
    });
    }
  },

在第一步中输入学号和已经绑定的邮箱即可进行下一步操作

微信小程序忘记密码如何找回_第3张图片

输入新的密码和邮件中的验证码点击提交即可修改密码成功

以下为修改密码第二步的示例代码

//获取应用实例
const app = getApp()
Page({

  /**
   * 页面的初始数据
   */
  data: {

  },

  formSubmit: function (e){
    // console.log(e.detail.value.pwd);
    // console.log(e.detail.value.validcode);

    var student = wx.getStorageSync('student');
    var no = student.no;
    var pwd = e.detail.value.pwd;
    var validcode = e.detail.value.validcode;
    console.log(no);
        wx.request({
          url: app.globalData.url.initpassword,
          data: {
            no: no,
            pwd: pwd,
            validcode: validcode,
          },
          header: {
            'content-type': 'application/json' // 默认值
          },
          success: (res)=> {
            console.log(res.data);
            wx.showToast({
              title: '修改密码成功',
              icon: 'success',
              duration: 2000
            })
            setTimeout(function () {
              wx.redirectTo({
                url: "../login/login",
              })
            },2000)
            // console.log(res);
          }  
        });
  },

你可能感兴趣的:(微信小程序忘记密码如何找回)