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

一、问题描述

我有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>

我有js表单处理函数：

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

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

二、问题解决

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

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