表单中的文本区域字段输入未提交

Question

设置

我通过复制粘贴默认联系表单并按照 Shopify 教程进行编辑，为 Shopify 创建了一个自定义表单： https: //shopify.dev/tutorials/customize-theme-add-fields-to-your-contact-form。

代码

<div class="page-width">

  <div class="grid">

    <div class="grid__item medium-up--five-sixths medium-up--push-one-twelfth">

      <div class="section-header text-center">

        <h1>{{ page.title }}</h1>

      </div>

      {% if page.content.size > 0 %}

        <div class="rte">

          {{ page.content }}

        </div>

      {% endif %}

      <div class="contact-form form-vertical">

        {%- assign formId = 'LeaseApplicationForm' -%}

        {% form 'contact', id: formId %}

          {% include 'form-status', form: form, form_id: formId %}

<div class="grid grid--half-gutters">

            <div class="grid__item medium-up--one-half">

              <label for="{{ formId }}-bedrijfsnaam">Bedrijfsnaam<span aria-hidden="true">*</span></label>

              <input

                type="bedrijfsnaam"

                id="{{ formId }}-bedrijfsnaam"

                name="contact[bedrijfsnaam]"

                autocorrect="off"

                autocapitalize="off"

                aria-required="true"

                >

            </div>       

            <div class="grid__item medium-up--one-half">

              <label for="{{ formId }}-kvk-nummer">KvK-nummer<span aria-hidden="true">*</span></label>

              <input

                type="kvk-nummer"

                id="{{ formId }}-kvk-nummer"

                name="contact[kvk-nummer]"

                autocorrect="off"

                autocapitalize="off"

                aria-required="true"

                >

            </div>       

                    

问题

在前端一切正常；用户可以填写所有字段并提交。在后端，我收到了除了最后一个textarea字段的输入之外的所有内容。

我已经尝试解决这个问题有一段时间了，但不确定为什么它不起作用。我目前已经使用一条线运行它input，但这只为用户提供了 1 行来填充。我需要多行。

我究竟做错了什么？

Answer 1

您错过了contact[...]字段名称中的前缀。将您的文本区域替换为<textarea&nbsp;rows="10"&nbsp;id="{{&nbsp;formId&nbsp;}}-message"&nbsp;name="contact[te-leasen-product(en)]"&nbsp;placeholder="b.v.&nbsp;1x&nbsp;PodoMonium&nbsp;Wizzle">{%&nbsp;if&nbsp;form["te-leasen-product(en)"]&nbsp;%}{{&nbsp;form["te-leasen-product(en)"]&nbsp;}}{%&nbsp;endif&nbsp;%}</textarea>或者<textarea&nbsp;rows="10"&nbsp;id="{{&nbsp;formId&nbsp;}}-message"&nbsp;name="contact[body]"&nbsp;placeholder="b.v.&nbsp;1x&nbsp;PodoMonium&nbsp;Wizzle"&nbsp;>{%&nbsp;if&nbsp;form.body&nbsp;%}{{&nbsp;form.body&nbsp;}}{%&nbsp;endif&nbsp;%}</textarea>