小程序登录界面记住密码功能

记住密码

小程序登录界面记住密码功能主要是缓存保存在Storage中
.wxml

	<view class="loginInput">
	     <input class="weui-input" name="loginName" bindinput="loginUser" value="{{strloginUser}}" style="color:#ffffff;" placeholder-style="color: #f4f4f4; " placeholder="请输入登录账号" />
	</view>
    <view class="loginInput" >
		<input class="weui-input" name="loginPwd" bindinput="loginpassword" value="{{strloginpassword}}" password style="color:#ffffff;" placeholder-style="color: #f4f4f4; " placeholder="请输入登录密码" />
	</view>
	<view class="{{RemberPass}}" style="width:30%;text-align:left;margin-left:40rpx;float:left;font-size:13px;margin-top:10rpx;">
		<switch type="checkbox" checked="{{switchChecked}}" bindswitcheck="switchChecked" bindchange="bindswitchchange" style="transform:scale(0.8)"/>记住密码
    </view>
    <!--登录-->
    <view class="loginBtn">
		<image src="../../Images/loginBtn.png" style="height:160rpx; " formType="submit" open-type="getUserInfo" bindgetuserinfo="bindGetUserInfo" bindtap="LoginForm" loading="{{loading}}"></image>
	</view>

.js

data:{
strloginUser:'',//登录用户名
strloginpassword:'',//用户密码
checkedValue:'',//选中按钮
}
//获取用户名
loginUser(e) {
    this.setData({
      strloginUser: e.detail.value
    })
  },
  //获取密码
  loginpassword(e) {
    this.setData({
      strloginpassword: e.detail.value
    })
  },
//加载缓存的密码
onLoad: function (options) {
    var _this = this;
    _this.setData({
      strloginUser: wx.getStorageSync("strloginUser"),
      strloginpassword: wx.getStorageSync("strloginpassword"),
      switchChecked:wx.getStorageSync('checkedValue')
    })
  },
  //判断是否要记住密码
 bindswitchchange: function (event) {
    //得到值
  var checkedValue = event.detail.value;
   // console.log(checkedValue);
    var _this = this;
    if (checkedValue == true){
      _this.setData({
        switchChecked:true,
     
      })
    
     console.log(checkedValue);
    } else if (checkedValue == false) {
      _this.setData({
        switchChecked: false
      })
    
      
    }
  },
  //登录缓存密码
  LoginForm: function (e) { //登录加载效果

  
    var that = this;
    var checkedValue = that.data.switchChecked;
    console.log(checkedValue);
    //如果记住密码则向微信缓存写入账号密码
    //如果不记住密码则清空微信缓存存在的账号密码
    if (checkedValue == true) {
      wx.setStorageSync("strloginUser",that.data.strloginUser);
      wx.setStorageSync("strloginpassword",that.data.strloginpassword);
      wx.setStorageSync("checkedValue", that.data.switchChecked);
    } else if (checkedValue == false) {
      wx.setStorageSync("strloginUser","");
      wx.setStorageSync("strloginpassword","");
    }
 
  
  },