微信小程序获取input值

微信小程序获取input值

简介：

这里介绍两种获取的方式：
1、用户每输入一个字节就获取一个字节
2、用户全部输入结束了之后，再一起获取整个input输入框的值
注意：第二种方式会比较节省内存资源

第一种方式

wxml

<input  bindinput='getInputValue'  name='value' type='text' placeholder='您输入的内容'></input>

js

getInputValue(e){
  console.log(e.detail)
}

第二种方式

wxml

<form bindsubmit='wifiForm'>
  <input type='text' name='wifiname' placeholder="wifi账号"></input>
  <input type='password' name='password' placeholder="wifi密码"></input>
  <view class='wifi-button'>
    <button formType="submit" type='primary'>提交</button>
    <button formType="reset" type='primary'>重置数据表单</button>
  </view>
</form>

js

wifiForm: function(data) {
    console.log("wifi的名称为：",data.detail.value.wifiname)
    console.log("wifi的密码为：",data.detail.value.password)
  }