微信小程序--（找回密码）

最新推荐文章于 2024-02-26 18:40:26 发布

原创

最新推荐文章于 2024-02-26 18:40:26 发布 · 2k 阅读

4 ·

CC 4.0 BY-SA版权

本文介绍了如何在微信小程序中实现找回密码的功能。通过HTML和JS的结合使用，详细讲解了用户验证、密码重置及安全策略等关键步骤。

html：

<!--pages/forgotpwd/forgotpwd.wxml-->
<view class="container">
  <form bindsubmit='submit_email' wx:if="{
  
  {form_index == 0}}">
      <label>找回密码：第1步</label>
      <view class="section">
          <input name="no" type='number' placeholder-class='small'  placeholder='请输入学号' />
      </view>
      <view class="section">
          <input name="email" placeholder-class='small' placeholder='请输入绑定的邮箱' />
      </view>
      <button type='primary' placeholder-class='small' formType="submit" >下一步</button>
  </form>

  <form bindsubmit='submit_password' wx:else>
    <label>找回密码：第2步</label>
    <view class="section">
      <view class="left">
         <input name="pwd" password="{
  
  {mask}}" placeholder-class='small' placeholder='输入新密码' />
      </view>
      <view class="right">
          <switch