Compartir tecnología

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

Notas de desarrollo del programa WeChat Mini: guía de solución para "El formulario no puede leer datos"

1. Descripción del problema

TengowxmlCó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

TengojsFunción de procesamiento de formularios:

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

El diccionario impreso después del envío estaba vacío y permaneció atascado durante más de diez minutos.

2. Resolución de problemas

Después de descubrirlo, olvidé que se deben agregar los controles del formulario.nameSolo se pueden utilizar los atributos para enviar los datos; de lo contrario, no serán válidos. El siguiente es el código clave revisado:

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