微信小程序---评教（忘记密码）

最新推荐文章于 2024-05-19 18:14:23 发布

xubingbing0827

最新推荐文章于 2024-05-19 18:14:23 发布

阅读量2.5k

点赞数 1

本文链接：https://blog.csdn.net/xubingbing0827/article/details/80350196

版权

本文介绍了在微信小程序中如何实现评教应用的密码找回功能。重点讲解了通过绑定邮箱来实现忘记密码时的安全重置步骤，包括展示绑定邮箱页面、设置邮箱修改功能以及设计忘记密码页面的相关交互操作。

摘要由CSDN通过智能技术生成

在日常生活中，很容易忘记密码，所以这个时候找回密码就很重要了！！！（此例子是在一个评教app里面）

1.首先在这个app里面得有绑定一个邮箱（这个邮箱对于找回密码发挥着至关重要的作用）

绑定一个邮箱显示页面

点进去可以进行修改邮箱

页面的代码是

<view class='pj'>
 <form bindsubmit='formSubmit' bindreset='formReset'>
    <view class='cont'>
       <view class='pwd'>
          <text class='text1'>登录密码</text>
          <input password='true' name='pwd'  placeholder='请输入登录密码' class='pwd1' />
       </view>
        <view class='pwd'>
          <text class='text1'>邮箱</text>
            <input password='true' name='email' placeholder='请输入邮箱' class='pwd1'/>
       </view>
    </view>
    <view class='section'>
      <button type='primary' form-type='submit' class='submit'>提交</button>
    </view>
    </form>
</view>

为这个提交绑定单击事件

// pages/email/email.js
const app = getApp();

Page({

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

  },
  formSubmit: function (e) {
    var pwd = e.detail.value.pwd;
    var email = e.detail.value.email;
    var student = wx.getStorageSync('student');
    var no = student.no;

    if (pwd == '' || email == '') {
      wx.showToas