WeChat applet login and registration

1. source code

<form bindsubmit="handleSubmit" wx:if="{
     
     { onoff }}">
   用户名： <input type="text" name='username'/>
   密码： <input type="password" name='password'/>
   手机号： <input type="text" name='phone'/>
   <button form-type="submit"> 注册 </button>
</form>

<form bindsubmit="handleLogin" wx:else>
   用户名： <input type="text" name='username'/>
   密码： <input type="password" name='password'/>
   <button form-type="submit"> 登录 </button>
</form>

// pages/login/login.js
Page({
    
    

  /**
   * 页面的初始数据
   */
  data: {
    
    
      onoff: false
  },
  handleSubmit(e){
    
    
    const {
    
    value} = e.detail;
    // console.log(value)
    const that = this;
    wx.request({
    
    
      url: 'http://pddapi.h5sm.com/index/pdduser/getpddregister',
      method: 'post',
      data: value,
      success(res){
    
    
        if(res.data.status == 1){
    
    
            that.setData({
    
    
              onoff: false
            })
        }
      }
    })
  },

  handleLogin(e){
    
    
    const {
    
    username, password} = e.detail.value;

    const that = this;
    wx.request({
    
    
      url: 'http://pddapi.h5sm.com/index/pdduser/getpddlogin',
      method: 'post',
      data:{
    
    
        username, password
      },
      success(res){
    
    
          console.log(res)
      }
    })
  },
  /**
   * 生命周期函数--监听页面加载
   */
  onLoad: function (options) {
    
    

  },

  /**
   * 生命周期函数--监听页面初次渲染完成
   */
  onReady: function () {
    
    

  },

  /**
   * 生命周期函数--监听页面显示
   */
  onShow: function () {
    
    

  },

  /**
   * 生命周期函数--监听页面隐藏
   */
  onHide: function () {
    
    

  },

  /**
   * 生命周期函数--监听页面卸载
   */
  onUnload: function () {
    
    

  },

  /**
   * 页面相关事件处理函数--监听用户下拉动作
   */
  onPullDownRefresh: function () {
    
    

  },

  /**
   * 页面上拉触底事件的处理函数
   */
  onReachBottom: function () {
    
    

  },

  /**
   * 用户点击右上角分享
   */
  onShareAppMessage: function () {
    
    

  }
})