如何在不丢失表单数据的情况下发布 redir-get

Question

假设用户得到一个页面/form/

GET /form/

然后他填写表格并发送帖子请求

POST /form/

服务器尝试验证用户输入并确定输入无效。

目前用户的历史链是

• GET /form/
• POST /form/

现在服务器将用户重定向到GET /form/ 页面，以便它可以再次填写表单（带有错误消息）。

他的历史看起来像

• GET /form/ 已填写表单字段
• GET /form/ 未在表单字段中填写

如何在不丢失用户在第一个表单中输入的详细信息的情况下将用户送回？

有哪些技术可以将用户重定向回他们的GET /form/ 页面，而不是强迫他们重新输入信息。

以下是本示例的 express (node.js) 特定服务器端代码。

验证中间件：

validate().on("error", function _error(msg) {
    // store error message on request object
    req.flash(msg, validateUserMessage[msg]);
}).on("valid", function _valid() {
    // handle the rest of /POST/
    next();
}).on("invalid", function _invalid() {
    // redirect user back to last page, the /GET/ form
    res.redirect("back");
}).run(function _validateUsers(check, sanitize) {
    // validation logic.
}); 

路由：

// GET /form/
app.get("/form", function _signUpView(req, res) {
    // render /form/
    res.render("auth/signup", req.flash());
});

// POST /form/
// validation middleware used here. 
app.post("/form", secure.validateUser, function _signUpCreate(req, res) {
    model.create(req.body, function _create() {
         // create thing in database
    });
});

Answer 1

不要重定向无效输入。仅对有效输入执行此操作。

在输入无效时，使用相同的表单响应 POST 请求，但这次填充的是您刚刚收到的 POST 数据。

Answer 2

我决定将下面的 cmets 总结为我的答案：

对我来说，似乎只有两种确定的方法可以做到这一点：

1.将用户输入参数从服务器传回浏览器并重新填充表单：

   a) 使用传递给视图的参数对象并使用您的服务器端语言填充每个字段

   b) 传回 Json 对象并使用 loadJson 填充表单

2.使用 HTML5 本地存储 - 这也需要 JavaScript

如果您不使用 server 或 JavaScript 保留您的数据，那么您肯定会限制自己依赖浏览器 - 这是您无法控制的。

祝你好运 - 如果您确实找到了解决方案，请将其发布为您的答案，因为我很想知道您是如何成功的。