如何通过HTML表单结合Mongoose创建MongoDB用户账户

1. 配置Express表单数据解析中间件 #

Express默认不会解析HTML表单提交的application/x-www-form-urlencoded类型数据，导致req.body为空，无法获取表单字段。在你的Express入口文件（如app.js）中，定义路由之前添加以下中间件：

app.use(express.urlencoded({ extended: true }));

2. 修复POST路由中的语法错误 #

你的路由代码里is_broker: req.body/is_broker是错误写法（这是除法运算），需改为正确的属性访问语法，同时添加响应返回（避免浏览器一直等待请求结果）：

app.post("/api/user", (req, res) => {
  const user = new User({
    username: req.body.username,
    email: req.body.email,
    password: req.body.password,
    is_broker: req.body.is_broker === 'true', // 转换表单字符串为布尔值
  });

  user.save()
    .then((result) => {
      console.log("User created");
      res.status(201).json({ message: "User created successfully", user: result });
    })
    .catch((err) => {
      console.log(err);
      res.status(400).json({ error: err.message });
    });
});

3. 补充表单中缺失的is_broker字段 #

你的User Schema中is_broker是必填布尔值，但原HTML表单无对应输入项，提交时会触发Mongoose验证错误。添加单选按钮控件：

<form action="/api/user" method="POST">
    <div>
        <label for="">Username:</label>
        <input type="text" name="username" placeholder="Username"> <!-- 修正input类型为text，原type="username"不是标准类型 -->
    </div>
    <div>
        <label for="">Email:</label>
        <input type="email" name="email" placeholder="Email">
    </div>
    <div>
        <label for="">Password:</label>
        <input type="password" name="password" placeholder="Password">
    </div>
    <div>
        <label>User Type:</label>
        <input type="radio" name="is_broker" value="true" checked> Broker
        <input type="radio" name="is_broker" value="false"> Client
    </div>
    <div>
        <input type="submit" value="Submit">
    </div>
</form>

注：原表单中用户名输入的type="username"不是HTML标准类型，改为type="text"避免浏览器兼容性问题。

4. 验证流程 #

完成修改后：

• 重启Express服务
• 打开表单页面填写所有字段，点击提交
• 查看后端控制台，会输出创建成功日志或具体错误信息
• 浏览器会收到明确的响应结果（成功/错误）

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