Netlify表单提交后内容空白求助：返回200但后台无提交数据

我之前也碰到过一模一样的坑！明明提交成功跳转到感谢页，后台却一片空白，折腾了好一会儿才找到原因。咱们一步步来排查：

• 检查表单的name属性是否匹配
  Netlify是靠表单的name属性来关联提交记录的，必须保证HTML里的表单name和你在Netlify后台创建的表单名称完全一致（大小写敏感！）。比如后台表单叫contact-us，你的HTML里就得写<form name="contact-us" netlify>，拼写或大小写错一个都不行。

• 确保所有输入字段都有name属性
  Netlify只会收集带有name属性的字段数据，哪怕你在Params里能看到值，只要字段没加name，后台就抓不到。比如<input type="email" placeholder="邮箱" name="user-email">，少了name="user-email"的话，这个字段就会空白，甚至可能整条记录都不显示。

• 动态渲染的表单要加静态模板
  如果你的表单是用React、Vue这类框架动态生成的，Netlify的自动表单识别可能会失效。这时候需要在页面的静态HTML里加一个隐藏的表单模板，让Netlify能识别到表单结构：

  <form name="contact-us" netlify hidden>
    <input type="text" name="user-name" />
    <input type="email" name="user-email" />
    <textarea name="user-message"></textarea>
  </form>
  

  这样即使实际表单是JS渲染的，提交的数据也能正确映射到后台的表单记录里。

• 验证请求格式是否正确
  虽然你在开发者工具里看到Params正常，但要确认提交请求的Content-Type是application/x-www-form-urlencoded或multipart/form-data。如果是用JS手动发送请求，别用JSON.stringify包装数据，改用FormData对象来传递，Netlify默认不接收JSON格式的表单提交（除非你用Netlify Functions处理）。

• 检查后台表单的字段配置
  去Netlify后台对应表单的「字段」选项卡看看，有没有显示你提交的字段名。如果没有，说明Netlify没正确识别到字段，得回到前面的步骤重新检查表单结构。

要是以上方法都没用，去Netlify的部署日志里搜搜相关关键词，有时候会有表单识别失败或者字段不匹配的提示，能帮你更快定位问题。

内容的提问来源于stack exchange，提问作者dlaub3