微信小程序开发笔记之”表单读不出数据“解决指南

一、问题描述

我有wxml代码：

<view class="formclass">
  <form bindreset="formReset" bindsubmit="getformdata">
    <view class="ctl">
      <view class="cfg-area">
        <view>配置名</view>
        <input class="inputctl"  placeholder="配置1" value="重置测试"/>
      </view>
      <view class="button-area">
        <button class="formclassbutton1" form-type="submit" >提交</button>
        <button class="formclassbutton2" form-type="reset">重置</button>
      </view>
    </view>
  </form>
</view>
1
2
3
4
5
6
7
8
9
10
11
12
13
14

我有js表单处理函数：

getformdata: function(e){
    console.log(e.detail.value);
  }
1
2
3

提交后打印的字典是空的，卡了十几分钟

二、问题解决

脑瓜子好了后，忘记了表单控件必须要加上name属性才能把数据提交，否则无效，以下是修正后的关键代码：

<input class="inputctl" name="configName" placeholder="配置1" value="重置测试"/>
1