Compartilhamento de tecnologia

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

Notas de desenvolvimento do miniprograma WeChat - Guia de solução para "O formulário não consegue ler dados"

1. Descrição do problema

Eu tenhowxmlCódigo:

<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

Eu tenhojsFunção de processamento de formulário:

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

O dicionário impresso após o envio estava vazio e ficou preso por mais de dez minutos.

2. Resolução de problemas

Depois que descobri, esqueci que os controles do formulário deveriam ser adicionados.nameSomente os atributos podem ser usados ​​para enviar os dados, caso contrário, serão inválidos. A seguir está o código-chave revisado:

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