在前端开发中，表单数据是一个常见的需求。通过表单，用户可以提交数据并将其发送到服务器进行处理。而在 Express.js 中，处理表单数据也是一项重要的任务。本文将详细介绍如何在 Express.js 中处理表单数据，并提供示例代码和指导意义。
表单提交方法
表单可以使用多种不同的提交方法，包括 GET 和 POST。GET 方法会将表单数据附加到 URL 的末尾，而 POST 方法则会将表单数据作为 HTTP 请求正文的一部分来发送。在 Express.js 中，处理这两种提交方法的方式略有不同。
GET 方法
对于 GET 方法，Express.js 可以使用 req.query 对象来获取表单数据。例如：
app.get('/submit', (req, res) => {
const name = req.query.name;
const email = req.query.email;
// 处理表单数据...
});在上面的代码中，我们可以看到使用 req.query 获取了表单中的 name 和 email 字段的值。然后我们可以使用这些值来处理表单数据。
POST 方法
对于 POST 方法，表单数据是通过请求正文发送的。因此，在 Express.js 中处理 POST 表单需要使用中间件。具体来说，我们需要使用 body-parser 中间件来解析请求正文并将其转换为 JavaScript 对象。
首先，我们可以使用以下命令来安装 body-parser：
npm install body-parser
然后，在我们的 Express.js 应用程序中使用它：
const express = require('express');
const bodyParser = require('body-parser');
const app = express();
app.use(bodyParser.urlencoded({ extended: true }));
// 处理 POST 表单...在上面的代码中，我们首先导入了 body-parser 模块，并将其作为中间件添加到了 Express.js 应用程序中。然后，我们可以使用 app.use() 方法来指定使用的中间件。在本例中，我们使用了 bodyParser.urlencoded() 方法来解析请求正文。
现在我们可以使用 req.body 对象来获取 POST 表单数据。例如：
app.post('/submit', (req, res) => {
const name = req.body.name;
const email = req.body.email;
// 处理表单数据...
});在上面的代码中，我们可以看到使用 req.body 获取了表单中的 name 和 email 字段的值。然后我们可以使用这些值来处理表单数据。
表单验证
在处理表单数据时，表单验证是一个非常重要的步骤。通过验证，可以确保表单数据的完整性和有效性。以下是一些常见的表单验证方法。
静态验证
静态验证是在提交表单之前执行的验证。它可以验证表单字段是否已填写、是否符合格式要求等。与动态验证相比，静态验证不需要与服务器进行通信。
以下是一个简单的例子，说明如何使用 HTML5 中的 required 属性来验证表单字段是否已填写：
<form> <input type="text" name="name" required> <input type="email" name="email" required> <button type="submit">提交</button> </form>
在上面的代码中，我们可以看到在 input 元素中添加了 required 属性。当用户尝试提交表单时，如果这些字段没有填写，浏览器会显示相应的错误消息。
动态验证
动态验证是在提交表单后执行的验证。它可以检查表单数据是否与服务器上的数据匹配、是否符合特定的规则等。与静态验证相比，动态验证需要与服务器进行通信。
以下是一个简单的例子，说明如何使用 JavaScript 在提交表单后执行动态验证：
app.post('/submit', (req, res) =>
> 来源：[JavaScript中文网](https://www.javascriptcn.com/post/29652) ，转载请注明来源
[https://www.javascriptcn.com/post/29652](https://www.javascriptcn.com/post/29652)