Partage de technologie

Notes de développement du programme WeChat Mini - Guide de solution à « Le formulaire ne peut pas lire les données »

2024-07-12

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

Notes de développement du programme WeChat Mini - Guide de solution à « Le formulaire ne peut pas lire les données »

1. Description du problème

J'aiwxmlCode:

<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

J'aijsFonction de traitement de formulaire :

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

Le dictionnaire imprimé après la soumission était vide et restait bloqué pendant plus de dix minutes.

2. Résolution de problèmes

Après l'avoir compris, j'ai oublié que les contrôles de formulaire devaient être ajoutés.nameSeuls les attributs peuvent être utilisés pour soumettre les données, sinon elles seront invalides. Voici le code clé révisé :

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