即使名称为“”，收到的表单提交消息也是空白的

Question

这是我的代码。正如您所看到的，我在想要发送给我的所有字段上都有 name=""，但是当我填写表格并检查我的电子邮件时，它是空白的。

            <div class="col-lg-6">
              <div class="contact-form">
                <form action="https://formsubmit.co/[email protected]" method="POST" enctype="text/plain">
                  <input type="hidden" name="_next" value="https://mywebsite..app/thanks.html">
                  <div class="form-group mb-4 pb-2">
                    <label for="exampleFormControlInput1" class="form-label">Full Name</label>
                    <input type="text" class="form-control shadow-none" name="name" id="contact_name">
                  </div>
                  <div class="form-group mb-4 pb-2">
                    <label for="exampleFormControlInput1" class="form-label">Email address</label>
                    <input type="email" class="form-control shadow-none" name="email" id="contact_email">
                  </div>
                  <div class="form-group mb-4 pb-2">
                    <label for="exampleFormControlTextarea1" class="form-label">Write Message</label>
                    <textarea name="message" class="form-control shadow-none" id="exampleFormControlTextarea1" placeholder="message" rows="3"></textarea>
                  </div>
                  <button class="btn btn-primary w-100" type="submit">Send Message</button>
                </form>
              </div>
            </div>

我也尝试过使用一次性电子邮件服务，但它仍然不适用于我的代码。

有人可以帮我解决这个问题吗？

Answer 1

结构体的问题在于结构体组件的enctype特性。 enctype 质量指示在将结构信息提交到服务器之前应如何对其进行编码。对于这种情况，该结构使用“text/plain”编码，这对于 FormSubmit 来说是不合理的。

FormSubmit 要求结构信息通过相同的“application/x-www-struct urlencoded”或“multipart/structural information”设计进行编码。这些配置允许通过键值匹配发送信息，其中键与结构字段的名称相关。

要解决此问题，软件工程师应该从结构标记中删除 enctype 属性。因此，该结构将默认为“application/x-www-struct urlencoded”编码，这对于 FormSubmit 是可行的。此更改将使结构信息能够与字段名称和相关值一起准确发送。

修改后的代码应该是这样的：

<div class="col-lg-6">
  <div class="contact-form">
    <form action="https://formsubmit.co/[email protected]" method="POST">
      <input type="hidden" name="_next" value="https://mywebsite..app/thanks.html">
      <div class="form-group mb-4 pb-2">
        <label for="exampleFormControlInput1" class="form-label">Full Name</label>
        <input type="text" class="form-control shadow-none" name="name" id="contact_name">
      </div>
      <div class="form-group mb-4 pb-2">
        <label for="exampleFormControlInput1" class="form-label">Email address</label>
        <input type="email" class="form-control shadow-none" name="email" id="contact_email">
      </div>
      <div class="form-group mb-4 pb-2">
        <label for="exampleFormControlTextarea1" class="form-label">Write Message</label>
        <textarea name="message" class="form-control shadow-none" id="exampleFormControlTextarea1" placeholder="message" rows="3"></textarea>
      </div>
      <button class="btn btn-primary w-100" type="submit">Send Message</button>
    </form>
  </div>
</div>

推出此改进后，结构信息将以正确的配置发送，并且当客户呈现结构时，收到的电子邮件应包含正确的完成数据。