表单中textarea的POST内容无法传递，Node.js仅接收postTitle字段问题排查

我用下面的HTML表单向服务器发送POST请求：

<form action="/compose" method="post">
 <div style="margin-bottom: 1rem; margin-top: 2rem;">
 <label for="exampleInputEmail1" class="form-label">Title</label>
 <input type="text" name="postTitle" class="form-control" id="exampleInputEmail1" aria-describedby="emailHelp">
 </div>
 <div>
 <label class="form-label" for="textAreaExample">Post</label>
 <textarea name="postBody" id="textAreaExample" cols="150" rows="10" class="form-control"></textarea>
 </div>
 <button type="submit" name="button" class="btn btn-primary" class="mt-4" style="margin-top: 1rem;">Publish</button>
 </form>

同时我用Node.js接收该POST请求并打印请求体，app.js中的代码如下：

app.post("/compose", function(req, res){
 const input = req.body;
 console.log(input);
});

实际运行时，服务器启动在3000端口，提交表单后控制台日志仅输出：{ postTitle: 'dsfds', button: '' }，textarea对应的postBody字段并未被接收到，请问这是什么原因？

原因分析与解决办法 #

咱们从最常见的问题开始排查：

• 缺少请求体解析中间件（最可能的原因）
  Express框架默认不会自动解析表单格式的POST请求体，要是没配置对应的中间件，服务器根本读不全表单里的字段——尤其是textarea内容较长或包含特殊字符时，很容易丢失。
  解决起来很简单，在app.js开头加上这段中间件配置：

  // Express 4.16及以上版本用内置中间件即可
  app.use(express.urlencoded({ extended: true }));
  
  // 老版本需先安装body-parser：npm install body-parser
  // 再引入配置：
  // const bodyParser = require('body-parser');
  // app.use(bodyParser.urlencoded({ extended: true }));
  

  这里的extended: true一定要加，它允许解析复杂的表单数据结构，确保textarea的内容能被正确识别。

• 检查textarea的name属性是否准确
  虽然你的代码里name="postBody"看起来没问题，但还是要确认有没有拼写错误（比如大小写、漏打字母）——Node.js里req.body的字段名和表单name是严格对应的，差一个字符都不行。

• 用浏览器工具确认请求内容
  提交表单后，打开浏览器「开发者工具」→「Network」面板，找到这个POST请求，查看「Form Data」部分，看看postBody字段有没有被提交上来。如果这里就没有postBody，那可能是提交时textarea为空，或者前端有代码干扰了表单提交；如果这里有但后端没拿到，那肯定是中间件配置的问题。

• 顺便修正按钮的无效HTML
  你的按钮写了两个class属性：class="btn btn-primary" class="mt-4"，这不符合HTML规范，浏览器只会保留第一个class属性。虽然这不会直接导致字段丢失，但建议改成class="btn btn-primary mt-4"，避免其他潜在问题。

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