小程序之获取用户输入信息

需要注意的问题：
变量在赋值后如果需要访问，需要用this.data.变量名才可以访问到

页面代码：

<!--miniprogram/pages/login/login.wxml-->
<view class='title'>
  <text>会员后台管理系统</text>
</view>

<view>
<form bindsubmit="formSubmit" bindreset="formReset">
  <view class='main'>
    <lable class='lable'>账号：</lable>
    <input class='input' type='text' bindinput="getUserID" placeholder='请输入用户名'/>
  </view>
  <view class='main2'>  
    <lable class='lable'>密码：</lable>
    <input class='input' type='text' bindinput="getPwd" password placeholder="请输入密码"/>
  </view>

  <view class='bottom'>
    <button type='primary' form-type='submit'>登陆</button>
    <button type='default' form-type='reset'>重置</button>
  </view>
</form>
</view>

js

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

  /**
   * 页面的初始数据
   */
  data: {
    userID:'',
    pwd:''
  },
  
  //获取登陆用户名
  getUserID(e){
      this.setData({
        userID:e.detail.value
    })
  },
 
  //获取登陆密码
  getPwd(e) {
    this.setData({
      pwd:e.detail.value
    })
  },
  
  //提交事件
  formSubmit(e) {
    console.log('账号：'+ this.data.userID)
    console.log('密码：' + this.data.pwd)
  },


  //重置事件
  formReset() {
    console.log('form发生了reset事件')
  },


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

  }
})