技術共有

한어Русский языкEnglishFrançaisIndonesianSanskrit日本語DeutschPortuguêsΕλληνικάespañolItalianoSuomalainenLatina

WeChat ミニ プログラム開発ノート - 「フォームがデータを読み取れない」の解決ガイド

1. 問題の説明

私は持っている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

提出後に印刷された辞書は空で、10分以上スタックしました。

2. 問題解決

それを理解した後、フォームコントロールを追加する必要があることを忘れていました。nameデータの送信には属性のみを使用できます。それ以外の場合は無効になります。変更されたキー コードは次のとおりです。

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